jQuery Esc Touche bind

Je voudrais ajouter une liaison dans laquelle les Esc glisser mon panneau arrière en place. Voici mon code jQuery.

$(document).ready(function () {

    $(".port-link-container").click(function () {
        $("div.slider-panel").slideUp("slow");
    });

    $("#wr").click(function () {
        $('html, body').animate({ scrollTop: 450 }, 'slow');
        $("div#wr-large").slideDown("slow");
    });

    $("#sema").click(function () {
        $("div#sema-large").slideDown("slow");
    });

    $(".slider-close").click(function () {
        $('html, body').animate({ scrollTop: 0 }, 'slow');
        $("div.slider-panel").slideUp("slow");
    });
});

OriginalL'auteur William George | 2011-08-06

  1. 37
    #pannel
{
    position:fixed;
    width:100%;
    height:200px;
    background-color:#ddd;
}

    <div id="pannel"></div>

    $(document).keyup(function(e){

    if(e.keyCode === 27)
        $("#pannel").slideToggle();

});

    Essayer?

    violon

    fonctionne parfaitement merci
    Vous êtes les bienvenus 🙂 un plaisir de vous aider.
    en fait, il ne semble pas fonctionner dans firefox, aucune idée pourquoi?
    Il n'aimait pas l'événement keyup être lié au corps. 😛 lie à l'objet document fonctionne bien. Code mis à jour.
    C'était ça merci beaucoup

    OriginalL'auteur

  2. 4

    Essayez-le avec les événement keyup

    $(function(){

  $(document).keyup(function(e){

    if(e.which == 27)
    {
      $("div.slider-panel").slideUp("slow");
    }
  });
});

    OriginalL'auteur