显示Div,但不显示其隐藏属性

时间:2014-04-15 14:38:06

标签: jquery html toggle hide show

好的,我有一个隐藏的导航。单击触发器时,将显示菜单。

然后我有子菜单,隐藏在容器div中。

当我点击触发器时,一切正常,但它也显示了子导航。

无论如何都要显示正在通话的菜单而不显示子导航?

        <div class="sidebardesktop">

                    <ul>
                        <li><a href="#" class="homenavtoggle">Home</a></li>
                        <li><a href="profile.html">Profile</a></li>
                        <li><a href="services.html">Services</a></li>
                        <li><a href="prices.html">Prices</a></li>
                        <li><a href="features.html">Features</a></li>
                        <li><a href="#" class="projectnavtoggle">project</a></li>
                        <li><a href="contact.html">Contact</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>

                    </ul>

                    <!-- SUB Menu - Desktop Only!
                    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
                    <ul class="home">
                        <li><a href="index.html">HomePage 1</a></li>
                        <li><a href="indextwo.html">HomePage 2</a></li>
                        <li><a href="indexthree.html">HomePage 3</a></li>
                    </ul>

                    <ul class="projectnav">
                        <li><a href="project.html">Video Project</a></li>
                        <li><a href="indextwo.html">Big Title Project</a></li>
                        <li><a href="indexthree.html">Gallery Project</a></li>
                    </ul>
                </div>

以下jQuery:

$('.homenavtoggle').click(function(){
$(".home").show('fastest');});

基本上我想显示.sidebardesktop显示而不显示子菜单。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

这是你要找的?您可以在顶部导航中添加class并定位

FIDDLE