Question

点击时显示/隐藏 div

2013-10-28

241

javascript jquery html

我正在编写一个小脚本，当单击另一个 div 时显示/隐藏一个 div，但我无法使第二个 div 可单击。

这是我目前的代码：

$(document).ready(function(){
    $('div#ordontia').click(function(){
        $(this).next('div#ordontia2').slideToggle("slow");
    });
});

http://jsfiddle.net/65AK2/1/

每次单击“按钮”时，表格底部都会出现一个带有说明的新 div。（底部的蓝色 div）。如果单击另一个按钮，则前一个说明应关闭，另一个说明应在同一位置打开。（尚未实现）

在此先感谢您的帮助！

Answer 1

如果您的ID具有唯一的ID？

751818173

如果添加更多Divs，为什么要选择下一个元素？ 477956812

与所有其他关闭：

512994383

Answer 2

不要使用 $.next ，它仅选择当前元素的兄弟元素：

Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.
— jQuery documentation: .next()

使用普通元素：

$('div#ordontia2').slideToggle("slow");

Answer 3

已修复。

http://jsfiddle.net/65AK2/2/

首先，看起来您切换的 div 格式不正确。我没有看到它的。

其次，如果您知道另一个 div 的 ID 是什么，您不需要说：

$(this).next("#item");

，这毫无意义。