简单的2行jQuery手风琴菜单......需要帮助!

时间:2011-02-28 11:57:12

标签: accordion

这是我的手风琴菜单:

<script type="text/javascript">
$(function()
{
$("dt.title").click(function()
{ $("div.info").slideUp("slow"); $(this).next("div.info:hidden").slideDown("normal" );
});
});
</script> 

工作正常,这里看一下html:

<body>
<div id="wrapper">
<div id="container">

<ul id="nav">
<dt class="title"><a href="#">About</a></dt>
<dt class="title"><a href="#">Work</a></dt>
<div class="info">
<ul>
<li><a href="#">Bol</a></li>
<li><a href="#">Annie</a></li>
<li><a href="#">Imran</a></li>
</ul>
</div>
<dt class="title"><a href="#">Contact</a></dt>
<dt class="title"><a href="#">Links</a></dt>
</ul>
</div>
<div id="content">
</div>
</div>
</body>
</html> 

很简单!但是当我把href链接时,菜单停止工作。例如:

<dt class="title"><a href="about.html">About</a></dt>

请帮助我,我真的很感激!

干杯,

0 个答案:

没有答案