我有一个运行不正常的 jQuery 手风琴(请注意,不要使用实际的 .accordion 函数——因为这有点复杂)。基本上,当您单击一个菜单并打开它,然后单击另一个菜单时,上一个菜单应该关闭 - 但我的没有,我不知道为什么。
有人可以检查我的代码以查看我缺少的内容吗?
另外,由于我引起了您的注意,有没有办法让我设置 jQuery,以便底部菜单选项(在本例中为联系人部分)向下滑动,显示其上方的内容,而不是下方的内容?
HTML
<div id="container">
<div class="menu">
<section id="about-me">
<a href="#" id="about" class="nav">about</a>
<div class="menu-stuffing">
(info)
</div>
</section>
<section id="my-work">
<a href="#" id="portfolio" class="nav">work</a>
</section>
<section id="my-blog">
<a href="" id="blog" class="nav">blog</a>
</section>
<section id="contact-form">
<a href="#" id="kit" class="nav">contact</a>
<div class="menu-stuffing" id="contact-form">
(info)
</div>
</section>
</div>
</div>
jQuery
$("div.menu-stuffing").hide();
$('div.menu > section > a > div').hide();
$('div.menu > section > a').click(function() {
event.preventDefault();
$(this).next('div').slideToggle('fast')
.siblings('div:visible').slideUp('fast');
});
});