Javascript 在Dojo中显示Div并隐藏其他Div

Javascript 在Dojo中显示Div并隐藏其他Div,javascript,events,dojo,dom-events,Javascript,Events,Dojo,Dom Events,我在Dojo中创建了一些自定义导航,并且正在为拼图的最后一部分而挣扎。基本上,当鼠标悬停在“navSectionTitle”类的链接上时,将显示一个包含更多链接的div。然而,当这种情况发生时,我想隐藏所有其他div的,目前透露。下面我的分数可能会显示我正在努力实现的目标: <div class="navElement"> <a href="" class="navSectionTitle">Home Appliances &a

我在Dojo中创建了一些自定义导航,并且正在为拼图的最后一部分而挣扎。基本上,当鼠标悬停在“navSectionTitle”类的链接上时,将显示一个包含更多链接的div。然而,当这种情况发生时,我想隐藏所有其他div的,目前透露。下面我的分数可能会显示我正在努力实现的目标:

<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>
我已经尝试过各种方法,但都不能达到我正在寻找的任何帮助将不胜感激的结果

要在查询后使用
next()
函数,您需要具有所需的“dojo.NodeList遍历”:

下面是一个例子,说明了如何做到这一点

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");
        });
});

我假设您的.subnumholder默认情况下隐藏在此处。

谢谢,但我认为您误解了我已经需要的模块的问题,如前所述,这是代码片段。谢谢,抱歉。更新了我的答案,我希望它现在更有用。谢谢Frode是的,默认情况下它们是隐藏的谢谢我会尝试一下,让你知道我进展如何。
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");
        });
});