jquery - 在 jquery 中分别使用隐藏/显示

Question

此代码不起作用，我如何解决它？

我隐藏了所有内容..在此之后，我在7秒的延迟中一一显示..

但是一切都显示了，我不明白为什么

$(function()    {
    texts = $('.text-block');
    slide = $('#slideshow');


    // hide everything
    texts.each(function()   {
       $(this).hide(); 
    });

    // show it once by once
    jQuery.each(texts, function()   {
       $(this).show(300);
       $(this).delay(7000);
       $(this).hide(300);
    });
});

Answer 1

因为如果你把延迟放在正确的位置，它就会从同一点延迟。

$(function()    {
    texts = $('.text-block');
    slide = $('#slideshow');


    // hide everything
    texts.hide(); 

    // show it once by once
    texts.each( function(index)   {
       $(this).delay(7000 * index).show(300);
    });
});

显示后是否要再次隐藏它？我删除了它，因为它只会显示然后隐藏。

缩短版本:

$(function() {
    $('.text-block').each(function(index){
        $(this).hide().delay(7000 * index).show(300);
    });
});