Question

当您点击其父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>

任何建议都会非常感激，因为我花了很多时间来处理这个愚蠢的事情。

Answer 1

将next('div')替换为nextAll('div')，您应该没问题。 http://jsfiddle.net/VJCV9/

Answer 2

据我所知，表格slideUp()以及</div be </div>应该不是吗？ $(this).next('div')必须为.next(table).children(div)

jQuery Accordion需要始终在每个div中显示表格

2 个答案: