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()
    });
});

また、これらの div のいくつかを PHP に動的にロードしました。

4

2 に答える 2

1

変化する、

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

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

next要素はありません.secondbr

また、

$(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 に答える