toggle()函数的应用

toggle()函数的应用。

以下两种方法显示的效果是一样的：

 

  function addItem0() {
            $('#btn_show').toggle(function(){
                $('#show_box').show();
                $(this).html('点击收缩');
                },function(){
                $('#show_box').hide();
                $(this).html('点击弹开');                   
                })
           };

 

 

<div class="box">
<a href="#" id="btn_show" style=" display: block;">点击弹开</a>
<div id="show_box" style="display: none;">show_boxshow_boxshow_boxshow_boxshow_box</div>

 

 

 

 $(function(){ 
    $('#bn').toggle(function(){ 
         $(this).next('div.content').toggle(); 
     },function(){ 
         $(this).next('div.content').toggle(); 
     }); 
   })

 

 

<div id="bn">ddff</div>
<div class="content">contentcontentcontentcontentcontentcontent</div>