jQuery:只显示/隐藏而不是slideIn / Out

时间:2011-01-12 09:52:59

标签: javascript jquery

我正在使用标签式导航,这是一个example。现在,对象slideUp / Down,但我希望它只是消失/出现。任何想法?

  // When the document loads do everything inside here ...
  $(document).ready(function(){

    // When a link is clicked
        $("a.tab").click(function () {              

            // switch all tabs off
            $(".active").removeClass("active");

            // switch this tab on
            $(this).addClass("active");

            // slide all content up
            $(".content").slideUp();

            // slide this content up
            var content_show = $(this).attr("title");
            $("#"+content_show).slideDown();

        });

      });

2 个答案:

答案 0 :(得分:8)

替换

$(".content").slideUp();

$(".content").hide();

$("#"+content_show).slideDown();

$("#"+content_show).show();

答案 1 :(得分:0)

$(".content").fadeOut();

$("#"+content_show).fadeIn();