優しくしてください私はこのウェブ開発ゲームに不慣れです。私はただ学ぼうとしています。
コード：
<h4>Monday</h4>
<div id="first_accordian">
<h5>First Section</h5>
<div>
Some stuff.
</div>
<h5>Second Section</h5>
<div>
Some stuff.
</div>
</div>
<h4>Tuesday</h4>
<div id="second_accordian">
<h5>First Section</h5>
<div>
Some stuff.
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("[id$=_accordian]").accordion({ collapsible: true, active: false });
});
</script>
明らかに、これは私がASP.NETMVC3アプリで持っている部分的なビューを単純化したものにすぎません。しかし、私はjQuery UIとアコーディオンウィジェットを使用しているので、上記のコードが機能するためにはそれらを参照する必要があります。
質問：
ここで問題があります。アコーディオン要素を展開すると、その下にあるHTMLがオーバーレイされます。私が望む振る舞いは、いずれかのアコーディオンで任意の要素が選択されると、すべてが上下にシフトする一連の積み重ねられたアコーディオンを持っていることです。
積み重ねられたアコーディオンでこれを行う方法を誰かが知っていますか？または水平思考。アコーディオン要素ではない静的ヘッダーをアコーディオンにインラインで追加する方法はありますか（各アコーディオンの上のヘッダーとして上に表示されています;月曜日、火曜日）？
バインドする必要があるもののサイズ変更イベントはありますか？どこから始めたらいいのか迷っています。どんなポインタでも大歓迎です！
編集：チェックして実験するために自分のコードをファイルにコピーしました...そしてそれは私が必要とする方法で正確に機能します。しかし、それは私のアプリにはありません。ですから、これは私のコードの外で起こっている何かに起因しているに違いないと思います。
だから...新しい質問：何かがこのオーバーレイの問題のサイズを変更して作成するのを防ぐことができるのは何ですか？