Javascript jQueryAccordion需要始终在每个div中显示表

我使用一个手风琴风格的菜单来切换下一个div区域，当你点击它的父h3元素时

$(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>

盖子
表内容
Ajax内容

---

任何建议都将不胜感激，因为我已经在这件愚蠢的事情上花费了很多时间。

据我所知，表格不应该

slideUp（）

，而且，据我所知，表格不应该

slideUp（）

，而且应该

用
nextAll（'div'）
替换
next（'div'）
）

你应该会没事的

将

next（'div'）

替换为

nextAll（'div'）

，您应该会没事的

您忘了添加另一个结账（

}）在jQuery代码的末尾。我假设这是一个复制粘贴错误。您是对的，这是一个复制粘贴错误。您忘记添加另一个结束（
}）在jQuery代码的末尾。我假设这是一个复制粘贴错误。您是对的，这是一个复制粘贴错误。这几乎可以工作，但在隐藏它们之前显示了以下所有div，最终用户看起来非常奇怪。这就是您的代码告诉它要做的。在适当的情况下，将
slideToggle（）
和
slideUp（）
替换为
hide（）
，或者在样式表中的那些div上设置
display:none
。我在这方面运气不太好。我认为问题在于前面提到的两段代码都存在于accordian content div中。让我澄清一下。对于包含表格的部分，使用单元格中的图像按钮用一些内容填充以下div。没有表的div部分具有静态HTML内容。当我尝试结合使用这两种方法时，会破坏包含表的区域的功能。这听起来比您在问题中提供的代码复杂得多。您可能想提交一个新问题，并提供一个您自己的JSFIDLE和一个更完整的代码示例。这几乎可以工作，但is在隐藏它们之前显示了以下所有div，并且对最终用户来说非常奇怪。这就是您的代码告诉它要做的。在适当的情况下，将
slideToggle（）
和
slideUp（）
替换为
hide（）
，或者在样式表中的那些div上设置
display:none
。我在这方面运气不太好。我认为问题在于前面提到的两段代码都存在于accordian content div中。让我澄清一下。对于包含表格的部分，使用单元格中的图像按钮用一些内容填充以下div。没有表的div部分具有静态HTML内容。当我尝试结合使用这两种方法时，会破坏包含表的区域的功能。这听起来比您在问题中提供的代码复杂得多。您可能希望提交一个新问题，并提供一个自己的JSFIDLE，其中包含一个更完整的代码示例。