コンテンツを動的にロード中にdiv要素の高さを上げます

Question

私は順不同リストが含まれているdiv要素を持っている...一部のユーザーアクションの後、私は、すなわち以前のものよりも多くのリストアイテムを含むより長いリストとのdivをロードします。私はこれを行うにはjQueryのより高いレベルのAJAX機能を使用しています。

問題は、私はAJAXを通してそれをロードするときのは、div要素のうち、表示されたリストの要素はdiv要素の底部分をオーバーフローさせ、そのうちのいくつかは、取得されます。

私はそれが将来の長いリストを収容するために拡大することを前提含むdivのための任意の高さを設定していません。 誰かがこれを割り出した場合、私は以下のコードを投稿しますし、非常に感謝するでしょう....

#sidebar1 {
        float: left;
        width: 15%; /* since this element is floated, a width must be given */
        background: #FFE8BF; /* the background color will be displayed for the length of the content in the column, but no further */
        padding: 15px 0; /* top and bottom padding create visual space within this div  */
        text-align:center;
    }

    <div id="sidebar1">

                    <div class="sidebarmenu">

                     <ul id="sidebarmenu1">
                            <li>
                                <a href="#" id="loadHotel" >
                                    HOTEL
                                </a>
                            </li>
                            <li>
                                <a href="#" id="loadCountry">
                                    COUNTRY
                                </a>
                            </li>

                            <li>
                                <a href="#" id="loadCity">
                                    CITY
                                </a>
                            </li>


                        </ul>
                    </div>

                </div>  <!-- end #sidebar1 -->

私は<ul id = "sidebarmenu1">にリスト要素を読み込みます 私は明らかだホープ... 事前のおかげでたくさんの....

Answer 1

曲がった角の問題の回避策を考え出した... !!!

私はAJAXでメニュー項目をロードした後、

、私はdiv要素の高さを高めるためにjqueryのを使用して、エッジを丸める曲線美コーナーを呼んで...！

出来上がり.. !!!!

Answer 2

あなたは試してみました。

$('ul#sidebarmenu1').removeClass('class here').AddClass('class here');

働くべきである。