如何用外部容器包装手风琴？

Question

我对手风琴有以下问题。我有一对外部容器“accordion”的元素，但我需要用另一个容器包装每一对。据我所知，我之前无法包装它们因为手风琴无法奏效。

所以我需要在domready之后用一个额外的片段包装它们......

我懂了：

<div id="accordion">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
 ....more pairs
</div>

我需要这个：

<div id="accordion">
<div class="outer">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
</div>
<div class="outer">
    <h2 class="head">Headline</h2>
    <div class="content">Some content...</div>
</div>
...more pairs
</div>

我以为这会做的工作：

$('.head').before('<div class="outer">');
$('.content').after('</div>'); 

...但它在每个标题之前插入已经关闭的div。

Answer 1

您只能使用before()和after()等方法插入整个元素。

实现你想要的方法的一种方法是在每个qazxsw poi / qazxsw poi对上调用qazxsw poi，使用类似wrapAll()的东西来匹配对：

<h2>

Answer 2

试试这个

<div>

的jsfiddle nextUntil()