在Dojo中顯示Div和隱藏其他人

Question

嗨我在Dojo（Dojo Newbie）中創建了一些自定義導航，並且正在拼圖的最後一塊。基本上，當將鼠標懸停在類「navSectionTitle」的鏈接上時，將顯示包含更多鏈接的div。但是，當發生這種情況時，我想隱藏當前顯示的所有其他div。了我下面的標誌可能會顯示什麼，我想acheive：

<div class="navElement"> 
        <a href="" class="navSectionTitle">Home Appliances &#43;</a> 
        <div class="subMenuHolder"> 
         <ul> 
          <li><a href="#">Washing Machines</a>,</li> 
          <li><a href="#">Vacuum Cleaners</a>,</li> 
          <li><a href="#">Microwaves</a>,</li> 
          <li><a href="#">Ovens</a>,</li> 
          <li><a href="#">Coffee Makers</a>,</li> 
          <li><a href="#">Toasters</a>,</li> 
          <li><a href="">More</a> &#43;</li> 

         </ul> 
        </div> 
       </div> 

       <div class="navElement"> 
        <a href="" class="navSectionTitle">Furniture &#43;</a> 
        <div class="subMenuHolder last"> 
         <ul> 
          <li><a href="#">Bedroom Furniture</a>,</li> 
          <li><a href="#">Kitchen Furniture</a>,</li> 
          <li><a href="#">Living Room Furniture</a>,</li> 
          <li><a href="#">Outdoor Furniture</a>,</li> 
          <li><a href="#">Office Furniture</a>,</li> 
          <li><a href="#">Book Shelves</a>,</li> 
          <li><a href="">More</a> &#43;</li> 

         </ul> 
       </div> 
       </div> 

所以，當鏈路是懸停在其衣櫃subMenuHolder的div就會顯露出來，但是我會那麼喜歡隱藏任何其他subMenuHolder div的是開放的。我的代碼片段低於：

 dojo.query(".navSectionTitle").forEach(function(node, index, nodelist){  
     dojo.connect(node , "onmouseover", function(evt){    
       dojo.query(node).next('.subMenuHolder')[0].style.display = 'block'; 
       }); 
}); 

我嘗試了各種方法，但不能夠達到我期待的任何幫助的結果，將不勝感激。

非常感謝

Answer 1

要查詢後使用next()功能，你需要有必需的「dojo.NodeList中，橫」：

dojo.require("dojo.NodeList-traverse"); 

這裏是你如何能做到這一個例子。

dojo.query(".subMenuHolder").forEach(function(n) { 
    var l = dojo.query(n); 
    l.parent().at(0) 
     .onmouseenter(function(){ 
      dojo.style(l[0], "display", "block"); 
     }) 
     .onmouseleave(function(){ 
      dojo.style(l[0], "display", "none"); 
     }); 
}); 

我假設你有你的.subMenuHolders默認隱藏在這裏。