Create Tab

Create Tab

Dynamic DIV ID

var childDivs=$(“#leaderDetails div.leaderContMedia”);
for(var i=0;i<childDivs.length;i++)
{
$(childDivs[i]).attr("id","t0"+i);
}

Dynamic Link

var imgHref=$(“#thumb a”);
for(var i=0;i<imgHref.length;i++)
{
$(imgHref[i]).attr("href","#t0"+i);
}
$('#t00').show();
$("#thumb a").addClass("leaderThumb")

Tab

$(‘#thumb li’).first().children(‘a’).addClass( ‘active’ );

$(‘.leaderThumb’).each(function(){
$(this).click(function() {
$(‘.leaderThumb’).removeClass(‘active’);
$(this).addClass(‘active’);
var tabDivId = this.hash;
$(‘.leaderContMedia’).hide();
$(tabDivId).fadeIn(2000);
return false;
});
});

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s