如何一次切换多个 div 的功能？答案

【问题标题】：How to toggle a function for multiple divs at once?如何一次切换多个 div 的功能？
【发布时间】：2009-08-22 18:33:40
【问题描述】：

我之前收到了 this (useful!) answer 关于使用 .next() 实现 DIV“百叶窗”切换效果的信息。

但是，我似乎无法让这个简单的函数同时为多个 DIV 工作：

$(document).ready(function () {
    $("#closeButton").click(function () {
        $(this).next().toggle("fast");
    });
});

有什么想法吗？

【问题讨论】：

【解决方案1】：

您使用的选择器仅选择一个元素。你需要改变的是它选择了一个元素的集合。

$(document).ready(function () {
    $(".wider_div h3").click(function () {
        $(this).next().toggle("fast");
    });
});

考虑到结构，这可能会起作用。

【讨论】：

【解决方案2】：

它是关于在页面上多次出现的特定类型的按钮吗？尝试使用 jQuery 的live():

$(document.ready(function() {
    $('button.your_class').live('click', function (){
        $(this).toggle('fast');
    });
});

并将适当的类附加到您想要“被聆听”的按钮上。

【讨论】：