步骤：
别忘了在每个手风琴中使用不同的身份证号码。例如：id=“5”（1到10）
<div class="basic" style="float:left;" id="5">
<a>There is one obvious advantage:</a>
<div>
<p>
You\'ve seen it coming!<br/>
Buy now and get nothing for free!<br/>
Well, at least no free beer. Perhaps a bear,<br/>
if you can afford it.
</p>
</div>
<a>Now that you\'ve got...</a>
<div>
<p>
your bear, you have to admit it!<br/>
No, we aren\'t selling bears.
</p>
</div>
<a>Rent one bear, ...</a>
<div>
<p>
get two for three beer.
</p>
<p>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
Period.
</p>
</div>
</div>
<div class="basic" style="float:left;" id="6">
<a>There is one obvious advantage:</a>
<div>
<p>
You\'ve seen it coming!<br/>
Buy now and get nothing for free!<br/>
Well, at least no free beer. Perhaps a bear,<br/>
if you can afford it.
</p>
</div>
<a>Now that you\'ve got...</a>
<div>
<p>
your bear, you have to admit it!<br/>
No, we aren\'t selling bears.
</p>
</div>
<a>Rent one bear, ...</a>
<div>
<p>
get two for three beer.
</p>
<p>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
And now, for something completely different.<br/>
Period.
</p>
</div>
</div>
EDIT
这是一个jQuery手风琴，标题放在锚标签中，歌词放在中断标签之前，div的ID必须每次更改。