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 пример, чтобы просмотреть весь код:

Как я могу добавить переход FADEOUT?

Answer 1

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