如何處理jQuery中其他關閉按鈕上的切換事件？

Question

我已經創建使用jQuery的切換效果。我想用右上角的關閉按鈕關閉一個彈出div，而不影響當前的切換效果。

查看演示鏈接。

$(document).ready(function(){ 
    $(".infoBtn").click(function(){ 
      $(".popUpDiv").toggle("fast"); 
      //$(this).toggleClass("active"); 
      return false; 
    }); 
}); 

jsfiddle link

Answer 1

使用方法：點擊事件$(".infoBtn, .closePopsUp").click(function(){

Answer 2

使用多種選擇

$(".infoBtn,.closePopsUp").click(function(){ 
    $(".popUpDiv").toggle("fast"); 

    return false; 
}); 

fiddle here

Answer 3

你可以有多個選擇在你選擇的字符串：

$(document).ready(function(){ 
    $(".infoBtn, .closePopsUp").click(function(){ 
      $(".popUpDiv").toggle("fast", function(){ 
       //animation complete 
       $(this).toggleClass("active"); 
      }); 
      return false; 
    }); 
}); 

我還添加了功能來在動畫完成後切換類。這是一個很好的做法，因爲它可以確保應用於此類的任何CSS規則都不會影響動畫。

來源（S）

http://api.jquery.com/toggle/

http://api.jquery.com/category/selectors/

Answer 4

如果能在#closePopsPan

$(document).ready(function(){ 

       $(".infoBtn").click(function(){ 
        $(".popUpDiv").toggle("fast"); 
        //$(this).toggleClass("active"); 
        return false; 
       }); 

    $("#closePopsPan").on("click",function(){ 
     $(".popUpDiv").toggle("fast"); 
    }); 
      }); 

更新的jsfiddle鏈接點擊事件做同樣的事情http://jsfiddle.net/Rm3sC/8/