JQuery slideUp / slideDown不能正常工作

Question

我正在努力制作一个在slideUp（）动作后消失的div。

html：

<div class="rounded gradient" id="BCBox">
    <ul class="BCSelect">
        <li style="text-align:left;">Welcome <b>Username</b>,<br/><br/>Bla Bla Bla: </li>
        <li>
        <div class="button2 BCButton">
        </div>
        </li>
    </ul>
</div>
​

javascript：

$('#BCBox').height($('#BCBox').height());
$('#BCBox').slideUp();​

您可以在此处查看演示：http://jsfiddle.net/4feU9/7/

不知何故，这个盒子不想以它应该的方式制作动画......它滑得非常快。你能帮我吗？我做错了什么？

Answer 1

问题在于你将它浮动到右边有一个大的边缘顶部（边距是元素的一部分，因此在幻灯片中也是动画的）。在这里，您可以看到绝对定位元素，例如修复动画：http://jsfiddle.net/4feU9/8/

HTML

<div class="rounded gradient" id="BCBox" >

        <ul class="BCSelect">
            <li style="text-align:left;">Welcome <b>Username</b>,<br/><br/>Bla Bla Bla:
            </li>
            <li >
                <div class="button2 BCButton"></div>    
            </li>
        </ul>

    </div>​

的javascript

$('#BCBox').slideUp();