显示所有幻灯片Jquery

Question

我有这个jquery脚本，我不能像我想的那样工作，我想要一个同时显示所有内容的按钮，同时隐藏内容。

当按下链接时，我希望所有幻灯片都滑出来，并显示所有内容，然后再次按下它将隐藏它。这可能吗？

我试图创建一个运行

的链接

javascript:slideonlyone('newboxes1')
javascript:slideonlyone('newboxes2')

但它似乎不起作用。

Fiddle

Answer 1

if ($(this).attr("id") == thechosenone) {
   $(this).slideToggle(400);
}

删除上述 if 条件，阻止同时滑动这两个元素。

 $('.newboxes2').each(function (index) {       
            $(this).slideToggle(400);
    });

JSFiddle

Answer 2

请参阅http://jsfiddle.net/F48AT/5/您使用

$(this).slideToggle(400); 

此范围指的是当前点击的项目。由于您希望打开所有幻灯片，因此您需要使用所有幻灯片的通用类。在你的情况下，这是.newboxes2。因此，此代码将打开所有幻灯片：

if ($(this).attr("id") == thechosenone) {
    $('.newboxes2').slideToggle(400);
}