jquery子元素作爲觸發器

Question

當單擊「論壇標題」時，我想讓父「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

可以使用siblings() jQuery函數：

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

Answer 2

您可以使用this，.closest()和.find()以僅在當前點擊的部分來進行操作。例如：

​​

Answer 3

小提琴這裏：

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