0

我有以下html代码:

<div class="first-div">
    <p><a>click this</a></p>
</div>
<br />
<div class="second">
    <p>show this</p>
</div>

我隐藏.second在文件加载中。当我单击唯一的锚点时,我想选择带有 class 的 div second,尝试了一切但仍然没有运气。

这是我的 JavaScript:

$(document).ready(function(e) {
    $(".second").hide()
    $("a").click(function(e) {
        $(this).parent().parent().next(".second").toggle()
    });
});

另外,我有几个在 PHP 中动态加载的 div。

4

2 回答 2

1

改变,

$(this).parent().parent().next(".second").toggle()

$(this).parent().parent().nextAll(".second").toggle()

next元素不是.second但是br

还,

$(this).closest('.first-div').nextAll(".second").toggle()应该管用。

于 2013-02-17T14:05:42.913 回答
0

使用hide()show()

对于您的链接:

<a href="#" onclick="ShowIt()">Show</a>

在您的代码中:

function ShowIt() {
    $('.second').show()
}
于 2013-02-17T14:07:35.897 回答