javascript - Div 破坏了 jQuery Accordion

Question

我有一个 jQuery Accordion ，当我需要在其中一个滑动开放区域中放置一个 div 标签时，它会坏掉。我该如何解决这个问题？我需要放置一个 div 标签，因为我不能用 span 标签制作一个漂亮的盒子。有人知道解决这个问题的方法吗？？

请在此处查看我的演示，看看它在哪里中断:(

http://jsfiddle.net/zRqYM/

Answer 1

你可能应该改变这个:

$(this).next("p").slideToggle("slow")
       .siblings("p:visible").slideUp("slow");

到:

$(this).next("div").slideToggle("slow")
       .siblings("div:visible").slideUp("slow");

和CSS:

.accordion2 > div {
    background: #f7f7f7;
    /* etc... */

如果您想将其他元素放入可扩展内容中，使用 DIV 而不是 P 更有意义:http://jsfiddle.net/zRqYM/13/

或者只是在 P 标签内使用内联元素并将它们设置为 display:block; 的样式，但这对我来说没有语义意义。