jQueryのパネルを切り替えますが、私はこのサイトに取り組んでいます

Question

パネルが表示されている場合にのみ、外部の要素のクリックで閉じ左上の「連絡先」ボタンをクリックします）、現在開いていてユーザーがパネルの外側をクリックするか（「#content」エリア内）、Escキーを押します。

私は#contentエリアトリガーでクリックすると、両者の容易になるだろう考え出したので、私はそれで始めました。私の要素が表示されている場合にのみ機能のトリガーのカップルのスレッドを読んだが、私がこれまでに作ってみたが、全く機能していません。

$("#panel").is(":visible") { 
    $("#content").click(function(){ 
    $("#panel").slideToggle("3000"); 
    }); 
}; 

これは、接触ボタンの機能を壊して、私はこれのいくつかのバリエーションを無駄にしようとしました。私はここで眩しいエラーをしていますか？アドバイスをいただければ幸いです。

ありがとうございます！

Answer 1

バインドClickとKeydown機能とあなたパネルやフリップボタンがクリックされたときにclick機能は、文書まで泡がないことを確認してください。応答のための

$(document).bind({ 
    keydown:function(e) { 
     if (e.keyCode == 27) { 
      $("#panel").slideUp("3000"); 
     } 
    }, click: function(e) { 
     $("#panel").slideUp("3000"); 
    } 
}); 
$('#flip, #panel').bind('click', function(e){return false}); 

Answer 2

なぜあなたはパネルが開かれたときにページのボディにクラスを追加し、それが閉じていたときに、それを削除しませんか？それは、これは非常に簡単になります：

$('.class #content').click(function(){ 
// Close the contact panel 
}); 

今、体は、#content divの自動的密着上の任意のクリックを「クラス」のクラスを持っている場合。

意味がありますか？ちなみに素晴らしい探しているサイト。文書へ

Answer 3

$('#flip').bind('click', function(){ 
    $(this).toggleClass('contactOpen'); 
    $("#panel").slideToggle("3000"); 
}); 

$('#content').bind('click', function(){ 
    if($('#flip').hasClass('contactOpen')){ 
     $(this).toggleClass('contactOpen'); 
     $("#panel").slideToggle("3000"); 
    } 
});