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标签的样式。

原文地址:https://www.cnblogs.com/ZerlinM/p/14097372.html