javascript - テキストをJQueryスライドの下に移動する方法

Question

JQueryのトグル/スライドタイプメニューを作成していますが、JQueryが下にスライドしたときに下のテキストを移動したいと思います。

私はこれに慣れていないので、私のコードはおそらく厄介になるでしょう。事前にお詫び申し上げますが、ほぼ必要な状態で動作しています。

ここで動作中のコードを参照してください

Answer 1

テキストを独自に配置するだけですdiv

<div id="textId">
    <!-- text elements here -->
</div>

次に、次のcssを使用します

#textId {
    float: left;
    position: relative; 
    clear: both;
}

Answer 2

メニューの下にあなたの周りのコンテンツを追加します。

次に、次のcssを使用してdivにクラスを追加します。

clear: both;

編集：正確には、＃sliderright divの後、Criminal Charges要素を開始する前に、

<div style="clear:both;"></div>

Answer 3

これは、2つのスライダーをフローティングにして、通常のドキュメントフローから外しているために発生しています。その下のコンテンツに対してこれを行うことができます：

<article>
    <h2>Lorem Ipsum</h2>
    <h3>Vestibulum tortor quam</h3>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.  </p>
</article>

そして、CSSでその周りにフロートを許可しないようにします。

article{
    clear: both;
}

Answer 4

要素を閉じる際に問題が発生した場合は、<ul>要素を再度開きます。

これ：

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
<ul>

する必要があります：

<ul>
    <li>Possession or use of Firearm without Licence Permit</li>
    <li>Unregistered Firearm</li>
    <li>Not keep Firearm Safe</li>
    <li>Discharge Firearm</li>
</ul>

次に、divフロートをクリアします。

これが実際の例です。