Question

我试图让＃34;阅读更多＆＃34;选择;当你点击它时，它会显示更多的文字，你再次阅读＆＃34;阅读更多＆＃34;新文本底部的选项，然后当您单击时，新文本附加到它;我希望我说的是

111111
111111
+

你点击+显示：

再次点击+显示：

依旧......

不确定手风琴是否可以完成：

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>

Answer 2

我不知道这是不是你想要的，但我将手风琴改为标准幻灯片：http://jsfiddle.net/cDQ32/49/

HTML：

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

JS：

$('#btn1 + p').hide();
$('#btn2 + p').hide();
$('#btn1').click(function(){
    $('#btn1 + p').slideToggle();    
});
$('#btn2').click(function(){
    $('#btn2 + p').slideToggle();    
});

Answer 3

手风琴只是为了一次显示一个项目。如果你想展示多个元素，你应该使用别的东西。

以jQuery UI accordion that keeps multiple sections open?

为例

$('.accordion h3').click(function() {
    $(this).next().toggle('slow');
    $(this).remove();
    return false;
}).next().hide();

http://jsfiddle.net/d9ybC/

虽然有多种手风琴可以使用，但是它使用了错误的工具来完成工作，并且有一点气味。

用手风琴或其他任何东西阅读更多选项

3 个答案: