0

これは可能ですか？

異なる幅サイズで表示されるコンテンツがあります。コンテンツがブラウザー全体にまたがる場合もあれば、ブラウザーの 4 分の 1 にまたがるコンテンツもあります。アコーディオンの幅のサイズを 50% 程度に設定したいのですが、大きなコンテンツに対応するためにクリックすると 100% に拡張されます。

現在、すべてのアコーディオン幅を 100% に設定すると、非常にぎこちなくなります。

このチュートリアルにある例を使用しています: http://jqueryui.com/accordion/

デフォルトでは、スタイルは幅を 100% に設定します。そのスタイルを 50% にオーバーライドするためにラッパー クラスを実行する必要がありましたが、大きなコンテンツでアコーディオンを展開すると、すべてが表示されないため、横にスクロールして表示する必要があります。

現在、私のアコーディオン機能はこれです

<script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true,
      heightStyle: "content"
    });
  });
</script>
4

2 に答える 2

0

それが解決策かどうかはわかりませんが、「ヘッダー」のサイズを選択できる別のアコーディオン スタイルのウィジェットを見つけましたが、コンテンツに合わせて拡張されます: Always Keep One Section Open Using AngularUI Collapse

于 2013-07-10T19:21:59.647 に答える
0

詳細情報がなければ、すべてのアコーディオンをウィンドウ幅に設定する潜在的な解決策があります...

$('.accordion').width($(window).width());
于 2013-07-09T23:37:14.443 に答える