Javascript jQuery扩展我的垂直选项卡

我是jQuery新手，希望能让它更干净一点，并添加功能，但不确定rto是如何做到的，所以希望有人能帮我一把

到目前为止，选项卡（正在工作）

目前只适用于点击事件，但想添加一些东西，以便我可以添加自动更改选项卡，如使用

暂停（）

等等。。这主要用于当您悬停iutem时，它将在您悬停按钮时暂停并再次启动

有人有什么想法吗

   // New Veritcal Tabs JS
(function (hokTabs, $) {

     var internal = '5000'; // Internal

    // start auto tabs
    hokTabs.start = function () {
        console.log('started');
}

// start auto tabs
hokTabs.stop = function () {
    console.log('started');
}

// start auto tabs
hokTabs.pause = function () {
    console.log('started');
}

}(window.hokTabs, jQuery));

---

这些是简单的启动和停止功能，您只需将它们链接到悬停事件：

$(document).ready(function($) {

    var activateTab = function(index) {
      var tab = $(".tabs-menu li:eq(" + index + ")"),
          tabContent = $(".tab div:eq(" + index + ")");

      tab.addClass("current");
      tab.siblings().removeClass("current");
      tabContent.siblings().css("display", "none");
      tabContent.show();
    }

    var automation = {
        start: function() {
            this.current = setInterval(function() {
                var currentIndex = $(".tabs-menu li.current").index(),
                    max = $(".tabs-menu li.current").parent().children().length;
                activateTab(currentIndex + 1 < max ? currentIndex + 1 : 0);
            }, 2000);
        },
        stop: function() {
            if (this.current) {
                clearInterval(this.current);
            }
        }
    }

    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        activateTab($(event.currentTarget).parent().index());
    });

    automation.start();
});

$（文档）.ready（函数（$）{
var activateTab=功能（索引）{
变量选项卡=$（“.tabs菜单li:eq（“+index+”），
tabContent=$（“.tabdiv:eq（“+index+”）；
表2.addClass（“当前”）；
tab.sides（）.removeClass（“当前”）；
tabContent.sibles（）.css（“显示”、“无”）；
tabContent.show（）；
}
var自动化={
开始：函数（）{
this.current=setInterval（函数（）{
var currentIndex=$（“.tabs菜单li.current”）.index（），
max=$（“.tabs菜单li.current”）.parent（）.children（）.length；
activateTab（currentIndex+1

---

JS Fiddle:

你能把它做成jsFiddle或JSbin吗我移除了那个怪物，开始停止，因为我正在破坏它。。。正如我对它说的那样：）刚刚更新了，我认为应该是这样，但可能是错误的。非常感谢，只是尝试将其合并到最新的选项卡标记中，但似乎不起作用，有什么需要更改的吗？

$(document).ready(function($) {

    var activateTab = function(index) {
      var tab = $(".tabs-menu li:eq(" + index + ")"),
          tabContent = $(".tab div:eq(" + index + ")");

      tab.addClass("current");
      tab.siblings().removeClass("current");
      tabContent.siblings().css("display", "none");
      tabContent.show();
    }

    var automation = {
        start: function() {
            this.current = setInterval(function() {
                var currentIndex = $(".tabs-menu li.current").index(),
                    max = $(".tabs-menu li.current").parent().children().length;
                activateTab(currentIndex + 1 < max ? currentIndex + 1 : 0);
            }, 2000);
        },
        stop: function() {
            if (this.current) {
                clearInterval(this.current);
            }
        }
    }

    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        activateTab($(event.currentTarget).parent().index());
    });

    automation.start();
});