javascript - jquery onclick 函数没有做它应该做的事

Question

我有以下 jquery，单击 #block4，.maincontent 显示。这起初工作正常，显示然后隐藏 div。一旦您在最初的前 2 次之后再次点击它，.maincontent div 就会显示，然后立即消失。

$('#block4').click(function(){
   $(".maincontent").delay(500).fadeIn();
   $("#block4").click(hideIt)
});

function hideIt() {
   $(".maincontent").fadeOut();
};

有人知道问题出在哪里吗？

Answer 1

为什么不直接这样做呢？

$('#block4').click(function(){
   if ($(this).is(':visible')) {
       $(".maincontent").fadeOut();
   }
   else {
       $(".maincontent").delay(500).fadeIn();
   }
});