当您单击其父h3元素时,我正在使用手风琴样式菜单切换下一个div区域。
$(document).ready(function() {
$('div.accordian-content> div').hide();
$('div.accordian-content> h3').click(function() {
$(this).next('div').slideToggle('medium')
.siblings('div:visible').slideUp('medium');
});
});
代码可以正常使用以下结构。
<div class='accordian-content'>
<h3>Some title</h3>
<div>content to be toggled</div>
</div>
问题是我正在尝试在h3和下一个div之间使用一个表,我希望始终显示表,但是当你在其中放置一个表时,父h3切换中断。
<div class='accordian-content'>
<h3>Covers </h3>
<table id='covers'>Table content </table>
<div>Ajax content</div>
</div>
任何建议都会非常感激,因为我花了很多时间在这个愚蠢的事情上。
用next('div')
替换nextAll('div')
,你应该没事。 http://jsfiddle.net/VJCV9/
据了解,桌子不是qazxsw poi,还有,qazxsw poi? qazxsw poi需要是slideUp()