tab栏切换封装

封装:

function changeTabs(tab, content) {
  var $tab = $(tab);
  $tab.find('.title').on('tap', function () {
    var index = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $(content).children('.case_con').eq(index).show().siblings().hide();
  })
}

使用:

changeTabs('.nav', '.case_content');

说明:.nav为tab标签,.case_content 为可切换的内容,active为当前选中tab标签的样式。

posted @ 2020-12-07 15:30  ZerlinM  阅读(147)  评论(0编辑  收藏  举报