如何使用按鈕和畫布關閉btn？

Question

我有一些查詢來顯示和隱藏一個框。使用的btn「normal-btn.interest」是觸發器，您可以單擊畫布$（文檔）關閉btn。

有人能解釋我如何添加按鈕「正常btn.interest」到jQuery來也關閉對話框以及具有

$(document 

    $('.normal-btn.interest').click(function(e){ 

      // Prevent the event from bubbling up the DOM tree 
      e.stopPropagation(); 
      $('.categories-wrap').fadeIn(); 
     }); 

     $(document, '.normal-btn.interest').click(function(){ 
      $('.categories-wrap').fadeOut(); 
     }); 

Answer 1

Escaping class name將解決你的問題，如果你應用normal-btn.interest類您element然後代替'.normal-btn.interest'喜歡使用它像'.normal-btn\.interest，

$('.normal-btn\.interest').click(function(e){ 
    // Prevent the event from bubbling up the DOM tree 
    e.stopPropagation(); 
    $('.categories-wrap').fadeIn(); // must be hidden, to fade in 
}); 
$(document, '.normal-btn\.interest').click(function(){ 
    $('.categories-wrap').fadeOut(); // must be visible, to fade out 
}); 

如果你有applied two classes那麼你的代碼是OK沒有必要逃生

期待您的Fiddle後我也看到有一個在您代碼沒有問題需要變化只有CSS爲類類別，包裝

變化位置從固定到絕對和減少的頂部像

position: absolute; 
top: 40px; 

Working Fiddle