jquery - トリガーとしてのjquery子要素

Question

「forum-title」をクリックすると、親「forum-topics-head」内の「subtopic-frame」が展開されます。このページには複数の "フォーラム トピック ヘッド" (関連するすべての子を含む) があります。

私が今持っている方法では、「フォーラムトピックヘッド」がトリガーですが、「フォーラムタイトル」がトリガーになりたいです。

html:

<div class="forum-topic-head">
    <div class="forum-title">Forum Title</div>
    <div class="subtopic-frame">
        subtopic 1
        subtopic 2
    </div>
</div>

jquery:

$(document).ready(function(){
    $(".forum-topic-head").click(function(){
        $(this).children(".subtopic-frame").slideToggle("slow");
        $(this).children(".expand").delay("200").fadeToggle();
    });
});

Answer 1

Answer 2

this、.closest()、を使用.find()して、現在クリックしているセクション内でのみ操作できます。例えば：

$(".forum-title").click(function() {
    $(this).closest(".forum-topic-head").find(".subtopic-frame").slideToggle("slow');
});

Answer 3

ここでフィドル：http://jsfiddle.net/tkcRa/

$(document).ready(function(){
    $('.forum-title').on('click',function(){
        $(this).parent('.forum-topic-head').children('.subtopic-frame').slideToggle();
    });
});