Friday, 15 April 2011

jquery tabs effects -



jquery tabs effects -

i started learning jquery, i'm beginner. need do

my goal create tabs navigation menu. made code here:

$(".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"); });

but reading on internet, realized not best.

here illustration view entire code: http://jsfiddle.net/zpavan/ese7k/1/

how can add together fadeout transition?

thank much!

$("#selectorforelement").fadeout(1000); //fadeout 1 sec

jquery tabs navigation

No comments:

Post a Comment