javascript - JS延迟div打开和按钮打开div

Question

嗨，我正在努力让它发挥作用。

下面的代码本身可以正常工作。如果我单击该按钮，它会切换 .sidebar-form div。太棒了!

$( ".sidebar-button" ).click(function() {
  $( ".sidebar-form" ).toggle('2000');
});

但我还希望 div 在 10 秒后自动打开。

$( ".sidebar-form" ).delay('10000');

这有效，但是当我添加 .delay 时，点击完全停止工作。

如果他们可以合作，有什么想法吗？

Answer 1

使用setTimeout，超时时间为10秒，并在该切换的回调中切换div的状态。

$( ".sidebar-button" ).click(function() {
  $( ".sidebar-form" ).toggle('2000');
  setTimeout(function(){
    $( ".sidebar-form" ).show('2000');
  }, 10*1000)
});