jquery - 将两个功能分配给同一个按钮？

Question

我正在尝试将单击事件附加到按钮以弹出更多 div。在弹出更多div并单击按钮后，我还希望同一个按钮执行另一个功能。我怎么做？

提前致谢。

我的代码：

jQuery

$('#add').click(function(){
        $('.detail').fadeIn(300);
        $(this).attr('id', 'add_go');

     })


$('#add_go').click(function(){
     //same button click the second time
     alert('second function!');
})

html

<div>
   <a href='#' id='add'>add</div>

<div class='detail' style='display:none;'>more dive</div>
<div class='detail' style='display:none;'>more dive</div>
<div class='detail' style='display:none;'>more dive</div>

</div>

Answer 1

在您描述的情况下，我会保留它的一个功能：

$('#add').click(function(){
      //Check if divs are visible
      if($('.detail').is(':visible'){
         alert('second function');   
      }else{            
         $('.detail').fadeIn(300);
      }
})