jquery實現點擊顯示,再點擊隱藏


//點擊a標簽,輪流顯示和隱藏
<div id="timo" style="background-color:red;height:50px;width:50px;"></div>
<a href="javascript:void(0);" id="lol">點擊這里</a>

<script>

$(function(){
  //方法一、
  $('#lol').click(function(){
    if($('#timo').is(':hidden')){//如果當前隱藏
      $('#timo').show();//那么就顯示div
    }else{//否則
      $('#timo').hide();//就隱藏div
    }
  });


  //方法二、
  $('#lol').click(function(){
    $('#timo').toggle();
  });

});

</script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM