jquery 选项卡导航菜单答案

【问题标题】：jquery tabs navigation menujquery 选项卡导航菜单
【发布时间】：2013-02-10 01:40:22
【问题描述】：

我刚开始学习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是查看整个代码的例子：

如何添加淡出过渡？

【问题讨论】：

标签： jquery tabs navigation

【解决方案1】：

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

【讨论】：