内部导航

$(function(){

prepareTabNav($('.subnav-list li .subnav'),$('.recent-post'));

prepareTabNav($('.nav-articles li a'),$('#list-container .tab-pane'));

})

/* 内部导航 */

function prepareTabNav(tabs,panes) {

for (var i = 0; i < tabs.length; i++) {

var tabId = $(tabs[i]).attr('href').split("#")[1]; //获取href的id

var tab = $(document.getElementById(tabId));

if (!tab) {

continue;

}

$(tabs[i]).attr('destination', tabId);

$(tabs[i]).click(function() {

$(this).parent().siblings().removeClass('active');

$(this).parent().addClass('active');

showTab($(this).attr('destination'),panes);

return false;

})

}

}

function showTab(id,panes) {

for (var i = 0; i < panes.length; i++) {

if ($(panes[i]).attr('id') != id) {

$(panes[i]).addClass('hide');

} else {

$(panes[i]).removeClass('hide');

}

}

}

你可能感兴趣的:(内部导航)