0

我将使用我的切换滑块隐藏和显示一个 div（在骑行站点上它是开关滑块）。我有不止一张切换幻灯片。对于我的示例，我什至使用 eq()，我将使用state而不是 toggle() 来解决这个问题。

这是我的开始代码：

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

这是我的测试站点：

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

第一次单击以隐藏 div，第二次单击以再次显示 div。

我希望有人有想法。

4

1 回答 1

1

只需连接一些类或 id's 以获得多个句柄..

例如

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

或更少..

此外，您可以对课程做同样的事情..

例如

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's ..

切换任何 div 的隐藏|显示状态使用类似这样的东西

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;
}

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

你是说这个？

于 2013-10-14T08:16:12.870 回答