将两个功能分配给同一个按钮?

时间:2012-12-03 23:19:45

标签: jquery html

我正在尝试将单击事件附加到按钮以弹出更多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>

1 个答案:

答案 0 :(得分:2)

在你所描述的情况下,我会把它作为一个功能:

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