Zunehmende Höhe eines div während Inhalte dynamisch geladen

Question

Ich habe ein div, die eine ungeordnete Liste enthält ... Nach einigen Benutzeraktionen lade ich die div mit einer längeren Liste das heißt mehr Listenelement als die vorherigen enthält. Ich benutze jQuery höhere Ebene Ajax-Funktionen, dies zu tun.

Das Problem ist, wenn ich es durch Ajax laden die Listenelemente überfluten den unteren Teil des div und einige von ihnen bekommen die aus dem div angezeigt.

I gesetzt wurden keine Höhen für die enthält div davon aus, dass es irgendeine Zukunft mehr Listen empfangen wird erweitert. Ich werde den Code schreiben und wird extrem dankbar, wenn jemand diese Zahlen aus ....

#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 -->

Ich lade die Listenelemente in die <ul id = "sidebarmenu1"> Hoffe, dass ich klar bin ... Vielen Dank im Voraus ....

Answer 1

eine Abhilfe für die kurvige Ecke Problem gelöst out ... !!!

, nachdem ich die Menüpunkte mit AJAX zu laden, verwenden i jquery die Höhe des div zu erhöhen und rufen dann kurvige Ecken, die Kanten abzurunden ...!

Voila .. !!!!

Answer 2

Sie haben versucht:

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

, die Arbeit mit