显示所有幻灯片Jquery

Show All Slide Jquery

本文关键字：Jquery 幻灯片 显示      更新时间：2024-02-16

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

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

我试图创建一个运行的链接

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

但它似乎不起作用。

Fiddle

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

删除上述防止两个元素滑动的if条件。

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

JSFiddle

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

$(this).slideToggle(400);

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

if ($(this).attr("id") == thechosenone) {
    $('.newboxes2').slideToggle(400);
}
相关文章：