Gri ​​tonlamalı resimler slide slide Butonu kırmak için

Question

4 resim içeren dikey bir kaydırıcımız var. Her görüntü "aşağı" düğmesine basılana kadar tekrar gri tonlama olarak ayarlanır ve tekrar renklenir. Bununla birlikte, .slideToggle fonksiyonu "tıkaç" işlevini yerine getirir veya "aşağı" düğmesine tekrar basıldıktan sonra kırılır. İşte

İşte benim jsfiddle olan 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"); 
    } 
}) 

snippet'idir.

Answer 1

Tam aradıklarını bilmiyorum, ama onlar zaten dikey sanırım li alışkanlık işin birbirlerine ve slideToggle ve gizleme altına yerleştirilir çünkü slideToggle 2 li itibaren çalışmayacak kodunuzda düşünüyorum. Kod chaning sakıncası yoksa

Şimdi ben, bir alternatif var bir little.Use böyle animate fonksiyonu:

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

Sadece çalışmaya https://jsfiddle.net/r4mq41c4/23/ için bu keman linki kontrol beni herhangi bir değişiklik için bize bildirin !