jquery 标签导航菜单

Question

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

如何添加淡出过渡？

Answer 1

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