Question

我有一个包含4张图像的垂直滑块。每个图像都设置为灰度，直到＆＃34; down＆＃34;单击按钮，它们再次变为彩色。但是，.slideToggle功能＆＃39;断断续续＆＃39;在＆＃34; down＆＃34;之后休息再次按下按钮。

这是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");
    }
})

这是我的jsfiddle。

Answer 1

我不知道到底在找什么，但我认为在你的代码中，slideToggle无法从第二个li开始工作，因为它们已经垂直放置在彼此之下并且slideToggle和隐藏{{1}我想不会工作。

现在我有一个替代方案，如果你不介意稍微修改一下代码。使用li这样的函数：

animate

只需检查这个工作https://jsfiddle.net/r4mq41c4/23/的小提琴链接如有任何改变，请告诉我们！

导致slideToggle中断的灰度图像

1 个答案: