jquery选项卡导航菜单

时间:2013-02-10 01:40:22

标签: jquery tabs navigation

我刚开始学习jQuery,所以我是初学者。

我的目标是创建标签导航菜单。我在这里制作了这段代码:

$(".tab_content").hide();
$(".tab_content:first").show();


$("ul.tabs li").click(function() {

  $(".tab_content").hide();
  var h_active = $(this).attr("rel"); 
  $("#"+h_active).fadeIn(500);      

  $("ul.tabs li").removeClass("active");
  $(this).addClass("active");

  $(".v_tabs").removeClass("v_active");
  $(".v_tabs[rel^='"+h_active+"']").addClass("v_active");

});

但是在互联网上阅读,我意识到它并不是最好的。

Here是查看整个代码的示例:

如何添加fadeOut转换?

1 个答案:

答案 0 :(得分:1)

$("#selectorForElement").fadeOut(1000); //fadeout for 1 second