延迟hide（）来自toggle（）

Question

我有一个元素，点击时可以使用jQuery的toggle（）方法显示或隐藏。

使用toggle（）可以延迟隐藏几秒钟，同时不会延迟可见性吗？

$('.myelement').click(function() {
    $('.myelement').toggle();
});

Answer 1

试试：

$('.myelement').click(function() {
  if ($(this).is(':visible')) {
    $(this).delay(1000).hide();
  } else {
    $(this).show();
  }
});

或更简单：

$('.myelement').click(function() {
  $(this).delay($(this).is(':visible') ? 1000 : 0).toggle();
});