jQueryのは、私はこのjSFiddleで働いているような能動次または前のサブメニュー

Question

を設定します。

私はこのような何かをしようとしたが、それは私がそれを行うことができますどのように

$('.prev').click(function() { 
    $('#links').children().prev().addClass('active'); 
    var index = $('#links').children().index('#links'); 
    $('#linksobsah').children().hide(500).eq(index).show(500);    
    $('#links').children().removeClass('active'); 
    $('#links').addClass('active'); 
}); 

動作しませんか？

Answer 1

私は..グローバル変数を維持し、

あなたはクラスlink1、link2とli秒を持っていると仮定し、サブメニューを表示または非表示にそれを使用する

とクラス「メニューのメニュー1とメニューをあなたにお勧めしますアクティブ,メニューmenu2` ...（最初はアクティブであることに注意してください）

は

var counter = 0; 

としてグローバルカウンタを維持します/誰かが私を助けることができる：

あなたの機能は次の

$('.next').click(function(){ 
    $('menu.active').removeClass('active'); 
    counter++; 
    $('.menu' + counter % $('menu').length).addClass('active'); 
});