肘節（）範圍

Question

我建立含有隱藏描述

單節點是這樣

<div class="node inactive-node root"> 
    <a href="#">Example Skill</a> 
    <div class="info"> 
    <p class="cost">30</p> 
    <div class="dropdown"> 
     <a href="#" class="dropdown-toggle"><b class="caret"></b></a> 
      <div class="dropdown-menu"> 
       <a href="#">Example description</a> 
      </div> 
    </div> 
    </div> 
</div> 

以下腳本由節點構成的skilltree使obviusly顯示所有的下拉 - 菜單頁面

var main = function() {  
    $('.dropdown-toggle').click(function() { 
     $('.dropdown-menu').toggle(); 
    }); 
}; 

但修復我試圖

var main = function() {  
    $('.dropdown-toggle').click(function() { 
     $(this).children('.dropdown-menu').toggle(); 
    }); 
}; 

是無效的，我不知道爲什麼。我嘗試選擇單擊下拉菜單下的單下拉菜單，但我不明白如何。

Answer 1

這不是一個子元素。這是一個兄弟姐妹。嘗試使用next（）。

$(this).next().toggle(); 

或者

$(this).parent().find('.dropdown-menu').toggle(); 

Answer 2

$('+.dropdown-menu',this).toggle(); 

或者

$('+.dropdown-menu',this).slideToggle();