添加click和esc以关闭slideToggle

Question

我有一个面板向上滑动并向上推动内容。我希望能够通过点击或按esc关闭它。我尝试过添加e.stopPropagation();和if (e.keyCode == 27) {

编辑小提琴：https://jsfiddle.net/pqc77g1f/2/

这是一个关闭点击的小提琴：http://jsfiddle.net/yKhfP/

    $("#toggle").click(function(e) {
    if (e.keyCode == 27) { // esc keycode
    if ($('#panel').css('display') == 'block') {
        var height = '-=' + $('#panel').height();
    } else {
        var height = '+=' + $('#panel').height();
    }
      e.stopPropagation();
    $("#panel").slideToggle((2300), "easeOutQuint");

    $(".project_wrap").animate({
        bottom: height
    }, (2300), "easeOutQuint")
    $('html, body').toggleClass('no-scroll');
});

Answer 1

for escape：

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

查看＆＃34;关闭点击＆＃34;

的$ .blur