Javascript 我想在单击菜单时隐藏其他菜单项

我试图找出如何隐藏其他子菜单项与菜单被点击。现在，当两个菜单都被点击时，它们都会显示出来，这是我不想要的

<script type="text/javascript" src="jquery/js/jquery-1.9.1.js"></script>
<script src="jquery/js/jquery-ui-1.10.3.custom.js"></script>
<script>
jQuery(function ($) {
    $(".accordion").accordion({
        active: false,
        autoHeight: false,
        collapsible: true,
        alwaysOpen: false
    });

    function collapseAll() {
        $("#accordion")
            .filter(":has(.ui-state-active)")
            .accordion("activate", -1);
        $(".ui-accordion-header").blur();

    }
});

jQuery（函数（$）{
$（“手风琴”）。手风琴({
活动：错误，
自动高度：false，
可折叠的：是的，
alwaysOpen:错
});
函数collapseAll（）{
$（“手风琴”）
.filter（“：具有（.ui状态活动）”）
.手风琴（“激活”、-1）；
$（“.ui accordion头”）.blur（）；
}
});

我想在单击一个菜单项时隐藏其他菜单项

---

谢谢

要在单击某个菜单项时隐藏其他菜单项，您必须以accordion api能够理解的方式构建html，方法是添加如下标题：

第一节


链接1内容



链接2内容



链接3内容





第二节


链接1内容



链接2内容



链接3内容

 <div class="navigation">
    <ul class="accordion">
        <li>
            <asp:HyperLink ID="about" runat="server" href="#" text="testing" />
            <div class="sub accordion">
                <ul>
                    <li><asp:HyperLink ID="aboutTraci" runat="server" NavigateUrl="traci.aspx" Text="Traci" /></li>
                    <li><asp:HyperLink ID="aboutTheBegan" runat="server" NavigateUrl="#" Text="How It All Began" /></li>
                    <li><asp:HyperLink ID="aboutDesigners" runat="server" NavigateUrl="#" Text="Designers" /></li>
                    <li><asp:HyperLink ID="aboutPlaygroup" runat="server" NavigateUrl="#" Text="Playgroup" /></li>
                    <li><asp:HyperLink ID="aboutPlayground" runat="server" NavigateUrl="#" Text="Playground" /></li>
                    <li><asp:HyperLink ID="aboutTestimonials" runat="server" NavigateUrl="testimonials.aspx" Text="Testimonials" /></li>
                </ul>
            </div>
        </li>
    </ul>
    <ul class="accordion">
        <li>
            <asp:HyperLink ID="HyperLink1" runat="server" href="#" Text="testing" />
            <div class="sub accordion">
                <ul>
                    <li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="traci.aspx" Text="Traci" /></li>
                    <li><asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="#" Text="How It All Began" /></li>
                    <li><asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="#" Text="Designers" /></li>
                    <li><asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="#" Text="Playgroup" /></li>
                    <li><asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="#" Text="Playground" /></li>
                    <li><asp:HyperLink ID="HyperLink7" runat="server" NavigateUrl="testimonials.aspx" Text="Testimonials" /></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

<ul class="accordion">
        <li>
            <h3>Section 1</h3>
            <ul class="accordion">
                <li>
                    <h4> Link 1</h4><p>content</p>
                </li>
                <li>
                    <h4> Link 2</h4><p>content</p>
                </li>
                <li>
                    <h4> Link 3</h4><p>content</p>
                </li>
            </ul>
        </li>
        <li>
            <h3>Section 2</h3>
            <ul class="accordion">
                <li>
                    <h4> Link 1</h4><p>content</p>
                </li>
                <li>
                    <h4> Link 2</h4><p>content</p>
                </li>
                <li>
                    <h4> Link 3</h4><p>content</p>
                </li>
            </ul>
        </li>
    </ul>