jquery $.slideUp() 工作得很好，但 $.slideDown() 根本不起作用

Question

我见过的人jQuery：slideUp（）延迟（）然后slideDown;不工作，我完全编码：

$('.flash_message').slideDown(800).delay(5000).slideUp(1000);

但slideDown似乎不起作用。

换句话说：

``$('.flash_message').slideDown(800).delay(5000).slideUp(1000);`

和

$('.flash_message').delay(5000).slideUp(1000 );

产生相同的结果！

---

生成 .flash_message 元素的 PHP 代码：（我使用 codeigniter）

if ($this->session->flashdata('message_array'))
{
    foreach($this->session->flashdata('message_array') as $message)
    {
        echo "<div class='flash_message {$message[0]}'>{$message[1]}</div>";
    }
}

---

生成的示例 HTML：

<div class="flash_message success">Event added successfully.</div>

---

更新：我遇到了问题：

slideDown 根本不起作用

$( '.flash_message').slideDown(800);

不执行任何操作！

Answer 1

您应该将延迟和slideUp 放入初始slideDown 函数的回调中，

回调中的代码将在slideDown 完成后执行。

这是一个 jsfiddle - http://jsfiddle.net/FK2Fd/1/

$(function(){

    $('.flash_message').slideDown(800, function(){
       $(this).delay(500).slideUp(1000); 
    });

});