javascript - jQuery slideUp/slideDown无法正常工作

我正在努力使div在slideUp()操作后消失。

的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/

盒子以某种方式不希望以动画的方式出现……它滑得很快。你能帮我吗？我究竟做错了什么？

最佳答案

问题是，您将其 float 到右侧并具有较大的空白边距(空白边距是元素的一部分，因此在向上滑动时也会动画化)。在这里，您可以看到绝对定位元素可以修复动画: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();

关于javascript - jQuery slideUp/slideDown无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10333054/