html - 一旦我在 jquery 手风琴中的 2 个项目之间添加一个分隔符，它就会变得混乱

Question

我刚刚换了 jquery UI Accordion 的皮肤。一切正常。但是只要在 2 个项目之间添加一个 div 或一个 hr，它就会变得很奇怪，这就是我的小提琴

http://jsfiddle.net/cancerian73/bgkCg/1/

.divider{width:100%; height:15px; background-color:#F00;}

Answer 1

如jquery-ui 手风琴文档中所述，您的标记中必须有一对标题/内容：

手风琴容器的标记需要成对的标题和内容面板

[...]

Accordions 支持任意标记，但每个内容面板必须始终是其关联标题之后的下一个兄弟。有关如何使用自定义标记结构的信息，请参阅标题选项。

因为您要在标题/内容对之间添加元素：

<div class="divider"></div>

您必须使用header 选项。您只需在标记中指定哪些元素是标题，并将您的内容添加为这些元素的同级元素。

看看this jsFiddle并告诉我它是否满足您的需求。