0

jaychapaniの助けを借りて、私のナビゲーションバーのサブメニューは上下にうまくスライドしています。サブサブメニュー1にカーソルを合わせると、その子を右にスライドさせます。誰かがそれを行う方法を知っていますか？

以下は、ナビゲーションバーで上下にスライドするjqueryコードです。

    <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#submenu1,#submenu2").children().hide();

    $("#submenu1,#submenu2").hover( 
        function(){//onmouseover 
            $(this).children("ul").slideDown(); 
        }, 
        function(){//onmouseout 
            $(this).children("ul").slideUp(); 
    }); 
});
</script>

ナビゲーションバーのcss：

    #navbar{
/*  height:10%;
*/  width:900px;
    background-color:#000000;
    color:#ffffff;
    float:left;
    margin-top:2%;
    }

ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
li{
float:left;
    display:block;
    width:120px;
    text-align:center;
}

ナビゲーションバーのhtmlコード：

<div id="navbar">
<ul id="menu">
    <li>Home</li>
    <li>About</li>
    <li id="submenu1">Register Company
        <ul>
            <li id="subsubmenu1">New Sendirian Berhad Registration
                <ul>
                    <li>Company Price</li>
                    <li>Register New Company</li>
                    <li>Steps to Incorporate</li>


    </ul>
                </li>
            </ul>
        </li>
        <li id="submenu2">Buy Company
            <ul>
                <li>Sendirian Berhad Ready Made Companies in Malaysia</li>
            </ul>
        </li>
        <li>Contact</li>
    </ul>
</div>
4

1 に答える 1

2

あなたはそれを着id="submenu1" id="submenu2"て<ul>いるはずです<li>

お気に入り

<div id="navbar">
<ul id="menu">
    <li>Home</li>
    <li>About</li>
    <li id="submenu1">Register Company
        <ul>
            <li>New Sendirian Berhad Registration
                <ul>
                    <li>Company Price</li>
                    <li>Register New Company</li>
                    <li>Steps to Incorporate</li>


                </ul>
            </li>
        </ul>
    </li>
    <li id="submenu2">Buy Company
        <ul>
            <li>Sendirian Berhad Ready Made Companies in Malaysia</li>
        </ul>
    </li>
    <li>Contact</li>
</ul>
</div>​

デモ

于 2012-08-30T12:30:41.673 に答える