Javascript Div打破jQuery手风琴

我有一个jQuery手风琴，当我需要在其中一个滑动开放区域放置div标记时，它会断裂。。我该怎么做？我需要放一个div标签，因为我不能用span标签做一个漂亮的盒子。有人知道怎么解决这个问题吗

请在此处查看我的演示，以了解它在何处中断：(

---

这似乎有点蹩脚，但你可以使用

span

并将其设置为

display:block

。然后它本质上是一个

div

：

这似乎有点蹩脚，但你可以使用

span

并将其设置为

display:block

。那么它本质上是一个

div

：

为什么你不能将它放在sp中将span和样式设置为带有显示块的漂亮方框？

为什么不能将其放入span并将span和样式设置为带有显示块的漂亮方框？

您可以使用span标记。您只需在css中为span标记类添加以下样式

.whatever {
    border: 1px solid #000;
    display: inline-block;
    margin: 0 5px;
}

---

您可以使用span标记。您只需在css中为span标记类添加以下样式

.whatever {
    border: 1px solid #000;
    display: inline-block;
    margin: 0 5px;
}

---

您可能应该更改此选项：

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

致：

和CSS：

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

如果要将其他元素放入可扩展内容中，则使用

DIV

而不是

p

更有意义：

---

或者只在

p

标记中使用内联元素，并将其样式设置为

display:block；

，但这对我来说没有语义意义。

您可能应该更改以下内容：

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

致：

和CSS：

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

如果要将其他元素放入可扩展内容中，则使用

DIV

而不是

p

更有意义：

---

或者只使用

p

标记中的内联元素，并将其样式设置为

显示：block；

，但这对我来说没有语义意义。

有一种不同的方法来尝试手风琴，而不必混淆CSS

按照以下步骤完成

HTML

<div id='accordion'>
 <h3>Title of the view</h3>
 <div>
  all the stuff you want to do here
 </div>
 <h3>Title of the view</h3>
 <div>
  all the stuff you want to do here
 </div>
</div>

---

欲了解更多信息，请访问

有一种不同的方法可以尝试你的手风琴，而不会弄乱CSS

按照以下步骤完成

HTML

<div id='accordion'>
 <h3>Title of the view</h3>
 <div>
  all the stuff you want to do here
 </div>
 <h3>Title of the view</h3>
 <div>
  all the stuff you want to do here
 </div>
</div>

---

有关更多信息：请访问

我已更新了您的JSFIDLE:并将您的

p

标记更改为

div

标记，因为它允许最多的标记嵌套

---

一般来说，

div

标记不能位于

p

标记内，因为它会导致

p

标记自行关闭。

我更新了您的JSFIDLE:并将您的

p

标记更改为

div

标记，因为它允许最多的标记嵌套

---

作为一般规则，

div

标记不能位于

p

标记的内部，因为它会导致

p

标记自身关闭。

它是否与在段落内使用块元素有关？它是否与在段落内使用块元素有关？我如何改变只需要指定它的方式例如，我希望可扩展手风琴在我进入时启动，而不是仅启动？我希望您理解我的问题，并感谢您的支持help@MarcusSilverman您的问题已经解决，您接受了另一个答案。如果您还有其他问题，请创建一个新的帖子。我如何从只需要指定它改变例如，我想让可扩展手风琴在我进入时启动，而不是仅启动？我希望您理解我的问题，并感谢您的支持help@MarcusSilverman您的问题已经解决，您接受了另一个答案。如果您还有其他问题，请创建一个新的帖子。非常感谢。我如何从只需要更改为h是否将其指定为自己的类？例如，我希望可扩展的手风琴在我进入时启动，而不是仅启动？我希望您理解我的问题并感谢您的帮助。不确定您的意思是什么？它是这样的：？基本上只有

会显示/隐藏，所有常规div都不会显示/隐藏。谢谢@simonleocung，这是一个很大的帮助！！感谢百万富翁n、 我如何改变只需将其指定为自己的类，例如，我希望可扩展手风琴在我进入时启动，而不是仅启动？我希望你理解我的问题并感谢帮助不确定你的意思？是这样的：？基本上只有

会显示/隐藏，所有常规div不会显示/隐藏。谢谢@simonleojung，这帮了大忙！！