下の図でわかるように、私のテキストは「比較的小さい」DIV 内に表示されます。現在、ユーザーは DIV 内を下にスクロールして全文を読むことができますが、私はその解決策があまり好きではなく、より視覚的に魅力的なものを探しています。この場合、あなたは何をアドバイスしますか?ユーザーが「テキスト パート 2」、「テキスト パート 3」などをクリックしたときに DIV を非表示/表示するようなものですか?どうもありがとう
質問する
79 次
2 に答える
1
jqueryui アコーディオン ウィジェットを使用http://api.jqueryui.com/accordion/
Bootstrap にも
http://twitter.github.io/bootstrap/javascript.html#collapseがあります
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
Collapsible Group Item #1
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
Collapsible Group Item #2
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Anim pariatur cliche...
</div>
</div>
</div>
</div>
これはブートストラップ アコーディオンのコードです。jqueryui よりも見栄えが良いと思います。これを機能させるには、ブートストラップをダウンロードする必要があります。
于 2013-05-05T18:54:17.920 に答える