在呈现页面后启动切换div n秒

Question

我使用以下代码在我的主网页上切换div：

$(document).ready(function() {

    window.setTimeout(function() {
        if ($("div[id='feature-content']").is(":visible")) {
            $("div[id='feature-content']").hide();
            $("div[id='feature-content']").slideToggle(9000).delay(4000);
        }

        $("div[id='feature-content']").slideToggle(9000).delay(4000);
    }
    ,
    5000
    );      
});     

使用上面的代码会发生以下情况：

• 一旦页面呈现（DOM准备就绪），div“feature-content”立即出现
• 它可见5秒，
• 然后消失
• 然后开始翻转。

我想要实现的目标是：

• 渲染页面时应隐藏div“feature-content”。
• 5秒后，开始切换。

我尝试将css样式“display：hidden”添加到div中，但无济于事。有什么想法吗？

谢谢。

Answer 1

应该{​​{1}}不隐藏

Answer 2

从“检查代码”开始，“以下情况”之后的部分正是我认为应该发生的部分。试试吧：

  $(document).ready(function() {
      $("div[id='feature-content']").hide().delay(5000).slideToggle(9000);
  });

编辑我认为OP希望它暂停，滑入视图，暂停，然后滑出视图，这将是：

  $(document).ready(function() {
      $("div[id='feature-content']").hide().delay(5000).slideToggle().delay(9000).slideToggle();
  });