Question

我在这里遇到问题HERE。我不知道它为什么不起作用。让我们看一下以下代码，以便更好地理解它。

HTML

<div class="click">List 1</div>
<div class="information">Info 1</div>

<div class="click">List 2</div>
<div class="information">Info 2</div>

CSS

.information {
    display:none; 
}

JS

$('.click').click(function() {
    $('.information').slideToggle('slow');
});

我一个接一个地尝试了它根本不起作用。你能帮我解决一下吗？

由于

Answer 1

您的代码完全符合预期 - 它会在所有slideToggle代码上运行.information。

如果你只想在点击的项目之后找到一个，你可以这样做：

$(this).next('.information').slideToggle('slow');

Answer 2

单击回调中的选择器必须特定于单击的元素。

$('.click').click(function() {
    $(this).next('.information').slideToggle('slow');
});