Question

我希望在点击后隐藏<div>，但会有延迟我找到了类似的东西：

jQuery("#info.click").hide('blind', {}, 100);

但它没有做任何事情我做错了什么？

jQuery(document).ready(function() {
  jQuery("#clicker").click(function() {
    jQuery(this).next("#info").toggle();
  });
});
jQuery("#info.click").hide('blind', {}, 100);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clicker">Clicker</div>
<div id="info" style="display:none;">uhhiuiu</div>

View on JSFiddle

Answer 1

您可以使用jQuery delay和click事件：

jQuery("#clicker").click(function() {
  var info = jQuery(this).next("#info");
  info.toggle()
    .delay(3000).hide('blind'); //Delay 3 secs then hide !
});

<强>演示：

＆＃13;

jQuery(document).ready(function() {
  jQuery("#clicker").click(function() {
    var info = jQuery(this).next("#info");
    info.toggle()
      .delay(3000).hide('blind'); //Delay 3 secs then hide !
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="clicker">Clicker</div>
<div id="info" style="display:none;">uhhiuiu</div>

＆＃13;

Answer 2

$('.other-block').on('click', function (e) {
e.preventDefault();

$('.specific-block').fadeIn(function () {
    $(this).delay(2500).fadeOut(1600, function () {
        alert(this);
    });
});

}）;

延迟后，点击后隐藏div

2 个答案: