高度增加一个div的同时动态加载内容

Question

我有包含无序列表一个div ...一些用户动作i之后用含有比前一个多个列表项更长的列表即加载在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的菜单项，使用jQuery增加div的高度，然后调用弯曲的角轮的边缘...！

瞧.. !!!!

Answer 2

你尝试：

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

这应该工作