javascript - 使用 Accordion 或其他任何东西阅读更多选项

Question

我正在尝试“阅读更多”选项；当您单击它时，它会显示更多文本，并且您会在新文本的底部再次看到“阅读更多”选项，然后当您单击时，新文本会附加到其中；我希望我说的有道理

111111
111111
+

当您点击 + 时，它会显示:

111111
111111
222222
222222
+

当您再次点击 + 时，它会显示:

111111
111111
222222
222222
333333
333333
+

等等...

不确定是否可以通过 Accordion 完成:

here is my attempt without success

谢谢

Answer 1

尝试为每个加号使用单独的.accordion:

updated fiddle

<div id="content">
    <p>11111111111111111111111111111111111 11111111111111111111111 11111111111111111 111111111111111111111 111111111111111111111111111111111111</p>
    <div class="accordion">
        <h3>+</h3>
        <p> 2222222222222222222222222222  2222222222222222222222222222 2222222222222222222222 222222</p>
    </div>
    <div class="accordion">
        <h3>+</h3>
        <p> 333333333333 333333333 33333333333333333333333333333 33333333333333333 33333 3333333333 3333333333333 33333333333333333333333</p>
    </div>
</div>