将点击和转义功能添加到fadeToggle

Question

如果检测到非画布点击或按下了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')) {
...
}

更新了小提琴：http://jsfiddle.net/sj6kdyLk/2/