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

Question

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

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

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

Answer 1

如jquery-ui accordion documentation所述，您的标记中必须有一对标题/内容：

  

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

     

[...]

     

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

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

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

您必须使用header option。您只需指定标记中哪些元素是标题，并将您的内容添加为这些元素的兄弟元素。

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