2013-02-10 243 views
2

我刚开始学习jQuery,所以我是初学者。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是查看整个代码的例子:

我怎样才能添加淡出过渡?

回答

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