jQuery的延長我的豎直突出

Question

進出口新的jQuery和想這個做一點清潔劑，也可以添加功能，但不知道如何RTO做，所以希望有人能夠給我一個手。

標籤（工作）至今

$(".tabs-menu a").click(function(event) { 
    event.preventDefault(); 

    $(this).parent().addClass("active"); 
    $(this).parent().siblings().removeClass("active"); 

    var tab = $(this).attr("href"); 

    $(".tab-content").not(tab).css("display", "none"); 
    $(tab).show(); 
}); 

目前僅適用於點擊事件，但要添加的東西，所以我可以像使用

hokTabs.pause添加標籤的自動變化（ ）;

etc ..這主要是爲了當你懸停一個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)); 

Answer 1

這些都是簡單的啓動和停止功能，你只需簡單地將它們鏈接到懸停事件：

$(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(); 
}); 

JS小提琴：https://jsfiddle.net/5zmcn3h2/10/