0

そのため、タイトルをクリックすると折りたたまれるセクションを作成しようとしています。以下を使用すると機能しますが、クリックするだけでなく、明らかにすべてのセクションを折り畳みます。

$(".foldUpSection").find(".header").click(function()
{
    $(".foldUpSection").find(".foldMeUp").slideToggle();
});

に切り替えました

$(".foldUpSection").find(".header").click(function()
{
    $(this).find(".foldMeUp").slideToggle();
});

しかし、これは何もしません。クリック時に this が渡されない理由がわかりませんか?

ここにHTMLがあります

<div class="foldUpSection">
    <span class="header">Unprocessed EDIs</span>
    <div id="unprocessedEdi" class="foldMeUp">
    </div>
</div>
4

3 に答える 3

1

DOM 構造が固定されていない場合 ( .header&の間に他の要素がある可能性があるため、.foldMeUpこれを使用します。

$(".foldUpSection").find(".header").click(function()
{
    $(this).closest(".foldUpSection").find(".foldMeUp").slideToggle();
});

これがフィドルです：http://jsfiddle.net/jEgK4/

于 2013-09-18T14:58:40.890 に答える