我希望在单击主链接时打开它的子链接,当我单击任何其他主链接时,它的子链接打开并且之前打开的关闭。一次只能打开一个菜单。这里是小提琴http://jsfiddle.net/ ZCrk4/6/
<!-- Wrapper -->
<div id="wrapper">
<!-- Container -->
<div id="container" class="resolution_800x600">
<!-- Colonnage -->
<div id="colonnes" class="clear">
<!-- Navigation Level 02 -->
<div id="nav1" class="navigation_02">
<ul>
<li><a href="#">Menu 1</a>
<ul>
<li><a href="#11">Sub menu 1</a></li>
<li><a href="#12">Sub menu 2</a></li>
<li><a href="#13">Sub menu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#21">Sub menu 1</a></li>
<li><a href="#22">Sub menu 2</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#31">Sub menu 1</a></li>
<li><a href="secondary-navigation.html" class="active" title="Sub menu 2 (Current page)">Sub menu 2</a></li>
<li><a href="#33">Sub menu 3</a></li>
<li><a href="#34">Sub menu 4</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a>
<ul>
<li><a href="#41">Sub menu 1</a></li>
<li><a href="#42">Sub menu 2</a></li>
<li><a href="#43">Sub menu 3</a></li>
</ul>
</li>
</ul>
</div>
<!-- /Navigation Level 02 -->
</div>
<!-- /Colonnage -->
</div>
<!-- /Container -->
</div>
<!-- /Wrapper -->