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/

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

解决方法:

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

标签：slidetoggle,html,javascript,jquery
来源： https://codeday.me/bug/20191201/2080585.html