JQuery动画在fadeOut上表现得很奇怪

Question

我有一个div，我希望以动画方式关闭。无论何时我尝试，它都试图以奇怪的方式消失。我甚至不知道哪些词我应该谷歌我的问题。

这是我的HTML代码。

       #{ifErrors}
            <div id="warningDiv">
                <h2>&{'opps'}</h2>  
                <ul id="ulwarningDiv">
                    #{errors}
                       <li>${error}</li>
                   #{/errors}
                </ul>
                <span class="warning_close"> </span>
            </div>
        #{/ifErrors}

这是jquery事件：

$('span.warning_close').click(function(){
        $(this).closest('div').animate({"width" : 0, "height" : 0, "opacity" : 0, "border" : "none", "padding" : 0}, 600);
});

Answer 1

<强>淡出

演示 - fadeOut

$(this).closest('div').fadeOut()

<强>不透明度

演示 - Opacity

$(this).closest('div').animate({"opacity" : 0}, 600);\