1

下の図でわかるように、私のテキストは「比較的小さい」DIV 内に表示されます。現在、ユーザーは DIV 内を下にスクロールして全文を読むことができますが、私はその解決策があまり好きではなく、より視覚的に魅力的なものを探しています。この場合、あなたは何をアドバイスしますか?ユーザーが「テキスト パート 2」、「テキスト パート 3」などをクリックしたときに DIV を非表示/表示するようなものですか?どうもありがとう ここに画像の説明を入力

4

2 に答える 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 に答える
1

ページをめくる本のようにテキスト領域を機能させます。

これらの jquery の例を確認してください:例/アイデア

この HTML5 の例を確認してください:例/アイデア

于 2013-05-05T18:54:43.660 に答える