Div下拉菜單顯示/隱藏onclick jquery

Question

我想實現一個div下拉菜單。

JQuery的位置：

<script> 
    $(document).ready(function() { 
     $('.desplegar').click(function() { 
      $(this).next("div.desplegar_fills").show().siblings("div.desplegar_fills").hide();    
     }); 
    }); 
</script> 

我知道這個jQuery只會工作表現出分指數的水平，但我甚至不能使它發揮作用。

HTML瀏覽：

<div class="desplegar"> 
     <p>Index 1</p> 
     <div class="desplegar_fills"> 
      <p>Subindex 1</p> 
      <div class="desplegar_links"> 
       <a href="#">Enllaç 1</a> 
       <a href="#">Enllaç 2</a> 
       <a href="#">Enllaç 3</a> 
      </div> 
     </div> 
    </div> 
    <div class="desplegar"> 
     <p>Index 2</p> 
     <div class="desplegar_fills"> 
      <p>Subindex 2</p>  
      <div class="desplegar_links"> 
       <a href="#">Enllaç 1</a> 
       <a href="#">Enllaç 2</a> 
       <a href="#">Enllaç 3</a> 
      </div> 
     </div>  
    </div> 
    <div class="desplegar"> 
     <p>Index 3</p> 
     <div class="desplegar_fills"> 
      <p>Subindex 3</p>  
      <div class="desplegar_links"> 
       <a href="#">Enllaç 1</a> 
       <a href="#">Enllaç 2</a> 
       <a href="#">Enllaç 3</a> 
      </div> 
     </div>  
    </div> 

它應該是這樣的：

所以，如果我點擊索引1它顯示子索引1，如果我在子索引1單擊它顯示鏈接。事情是，如果我點擊索引2或索引3，索引1應該關閉，只顯示Subindex 2或Subindex 3（取決於點擊哪個）。任何消化？謝謝大家！

Answer 1

請查找答案here。

基本上這個腳本應該做的工作：

$(document).ready(function() { 
    $('.desplegar_fills').hide(0); 
    $('.desplegar_links').hide(0); 
    $('.desplegar').click(function() { 
     $('.desplegar_fills').hide(0); 
     $('.desplegar_links').hide(0); 
     $(this).find(".desplegar_fills").show(0); 
    }); 
    $('.desplegar_fills').click(function(e){ 
     $('.desplegar_links').hide(0); 
     $(this).find(".desplegar_links").show(0); 
     e.stopPropagation(); 
    }) 
});