html-lists - 如果我调用一个 div 另一个 div 想要隐藏，我有五个 div？

Question

这里我使用了任何菜单弹出窗口。虽然它会显示默认窗口。当我 hoover 子菜单 1 窗口发生变化。它会经常发生。我研究了我的程度。我无法得到解决方案。请给我一个更好的解决方案。我的编码是Follows

<div class="csn-navigation" style="background-color:Fuchsia;">
<div class="wrapper">
    <ul class="navigation">
        <li id="cars-for-sale" >
            <a href="submenu1.aspx">Main Menu
                <i class="icon-caret">&nbsp;</i>
            </a>
                <div id="dd" class="menu-panel">
                    <span class="arrow">&nbsp;</span>
                        <div class="menu-links">
                            <ul class="menu-links" ">
                                <li id="" class="vip first" onmouseover='fnSubhover("er");'>
                                    <a href="submenu1.aspx">Sub Menu1</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu2</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu3</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu4</a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="menu-content" > <%-- Content of Default Menu --%>
                            <div class="category browse-body-types">
                                <ul>
                                    <li>
                                        <a href="submenu1.aspx">
                                            <img src="forward.png"/>
                                        </a>Window1
                                     </li>
                                 </ul>
                              </div>


                    </div>
                    <div id="Div1" class="menu-content" > <%-- Content of Sub Menu1 --%>
                            <div class="category browse-body-types">
                                <ul>
                                    <li>
                                        <a href="submenu1.aspx">
                                            <img src="forward.png"/>
                                        </a>Window1
                                     </li>
                                 </ul>
                              </div>


                    </div>
                 </div>


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

            function fnSubhover(id) {
                document.getElementById("d1").style.display = "block";
                document.getElementById("dd").style.display = "none";

            }

        </script>                 

Answer 1

如果我理解正确，你想让除那个之外的所有 div 都隐藏吗？您可以通过简单的查询来做到这一点：

function fnSubhover(id) {
    $('div').css('display','none');
    $('#d1').css('display','block');
}