显示一个 Div，而不显示它的隐藏属性

Question

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

然后我有子菜单，隐藏在容器 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。

任何帮助将不胜感激。

Answer 1

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

FIDDLE