Graustufenbilder, die dazu führen, dass der Schieberegler "Toggle" bricht

Question

Ich habe einen vertikalen Schieberegler, der 4 Bilder enthält. Jedes Bild wird als Graustufe festgelegt, bis der "Ab" -Knopf angeklickt wird und sie wieder farbig werden. Die Funktion .slideToggle "stottert" jedoch oder bricht nach dem "Ab" -Button erneut ab.

Hier ist ein Ausschnitt aus der jQuery

var count = 1; 
var number = 1; 

$("#number").text("0"+number+"/04"); 
$("#down").click(function(){ 
    if(count==1){ 
     $("#1").slideToggle(); 
     $('#gallery ul li:nth-child(2)').css("-webkit-filter", "none"); 
     count = 2; 
     number = 2; 
     $("#number").text("0"+number+"/04"); 
    } 
    else if(count==2){ 
     $("#2").slideToggle(); 
     $('#gallery ul li:nth-child(3)').css("-webkit-filter", "none"); 
     count = 3; 
     number = 3; 
     $("#number").text("0"+number+"/04"); 
    } 
    else if(count==3){ 
     $("#3").slideToggle(); 
     $('#gallery ul li:nth-child(4)').css("-webkit-filter", "none"); 
     count = 4; 
     number = 4; 
     $("#number").text("0"+number+"/04"); 
    } 
    else if(count==4){ 
     count = 4; 
     number = 4; 
     $("#number").text("0"+number+"/04"); 
    } 
}) 

Hier mein jsfiddle ist.

Answer 1

Ich weiß nicht genau, was für suchen, aber ich denke, die slideToggle nicht vom 2. li in Ihrem Code arbeiten, weil sie bereits vertikal untereinander und der slideToggle und Verstecken der ich denke nicht funktionieren li platziert werden.

Jetzt habe ich eine Alternative, wenn Sie Verstand chaning den Code ein little.Use die animate Funktion wie folgt nicht:

$("#2").animate({'margin-top':'-309px'}); /***CHANGE FIX PIXEL VALUE TO YOUR PX OR % VALUE***/ 

einfach diese Geige Link überprüfen für die Arbeits https://jsfiddle.net/r4mq41c4/23/ mich für Änderungen kennen Lassen !