Question

我将使用我的切换滑块隐藏并显示div（在骑行网站上它是开关滑块）。我有一个以上的切换幻灯片。对于我的例子，我使用eq（）偶数，我将用状态而不是用toggle（）来解决这个问题。

这里是我的开始代码：

jQuery('.menu_filter').find('.toggle-slide').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

我的Testsite：

http://devauth.labscope.de/htmlapp/report-overview.html

首先单击以隐藏div和第二个单击以再次显示div。

我希望有人有想法。

Answer 1

简单地连接一些类或id来获取多个句柄..

e.g。

jQuery('.menu_filter#filter1').find('.toggle-slide#slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter#filter2').find('.toggle-slide#slide2').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter#filter3').find('.toggle-slide#slide3').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

或更少..

此外，你可以对班级做同样的事情。

e.g。

jQuery('.menu_filter.filter1').find('.toggle-slide.slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});
jQuery('.menu_filter.filter2').find('.toggle-slide.slide2').eq(0).click(function(){
    jQuery('.dark_red_gradient').hide("slow");
});

或合并类和id ..

切换任何div的hide | show state使用类似这样的东西

jQuery('.menu_filter#filter1').find('.toggle-slide#slide1').eq(0).click(function(){
    jQuery('.dark_red_gradient').toggle(".invisible");
});

css部分为此

.dark_red_gradient {
    display: block; // or whatever
    [...] // your other definitions
}

.invisible {
    display: none;
}

正如你所说，你不想用触发器解决它，但是状态：

你的意思是this？

如果我有一个以上的切换滑块，我如何隐藏并显示一个带切换滑块的div

1 个答案: