これは可能ですか?
異なる幅サイズで表示されるコンテンツがあります。コンテンツがブラウザー全体にまたがる場合もあれば、ブラウザーの 4 分の 1 にまたがるコンテンツもあります。アコーディオンの幅のサイズを 50% 程度に設定したいのですが、大きなコンテンツに対応するためにクリックすると 100% に拡張されます。
現在、すべてのアコーディオン幅を 100% に設定すると、非常にぎこちなくなります。
このチュートリアルにある例を使用しています: http://jqueryui.com/accordion/
デフォルトでは、スタイルは幅を 100% に設定します。そのスタイルを 50% にオーバーライドするためにラッパー クラスを実行する必要がありましたが、大きなコンテンツでアコーディオンを展開すると、すべてが表示されないため、横にスクロールして表示する必要があります。
現在、私のアコーディオン機能はこれです
<script>
$(function() {
$( "#accordion" ).accordion({
collapsible: true,
heightStyle: "content"
});
});
</script>