jQuery eingestellt als aktiven nächsten oder vorherigen Untermenü

Question

ich mit diesem jSFiddle gerade arbeitete: https://jsfiddle.net/vkuz8ra3/

Und ich brauche Funktion, die aktiv nächster oder vorheriger Link klicken zurück oder div neben div.

habe ich versucht, so etwas wie dieses, aber es nicht

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

Wie kann ich das tun funktioniert?

Answer 1

Ich würde Ihnen vorschlagen, eine globale Variable zu halten und dass das Untermenü zu zeigen, verwenden oder ausblenden

Sie li s mit Klasse Angenommen haben link1, link2 ..

und Menüs mit Klasse ‚Menü menu1 aktiv , Menü menu2` ... (man beachte die zuerst aktiv ist)

einen globalen Zähler pflegen als

var counter = 0; 

sollte Ihre Funktion

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

Ähnlich denn ich habe die Lösung von saksham versucht nächsten

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