javascript - 为 fadeToggle 添加关闭单击和转义功能

Question

如果检测到 Canvas 外单击或按下 esc 按钮，我希望能够重新激活 fadeToggle 以关闭。

http://jsfiddle.net/sj6kdyLk/

$("#name").click(function() {
$("#about").fadeToggle(500, "linear");
});

$(document).keyup(function(e) {
 if (e.keyCode == 27) { 
   if($('#about').css === 'block'){
     $('#about').hide(200)
   }
}
});

Answer 1

$('#about').css 在这种情况下不起作用。您应该使用 is(':visible')，因此您的代码应如下所示:

if ($('#about').is(':visible')) {
...
}

更新 fiddle :http://jsfiddle.net/sj6kdyLk/2/