Question

Herer我使用了hoever菜单弹出窗口。但是它会显示默认窗口。当我不知道子菜单1窗口改变。它会经常发生。我研究了我的程度。我无法得到解决方案。 PLease建议我一个更好的解决方案。我的编码是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');
}

我有五个div如果我叫一个div另一个div想隐藏？

1 个答案: