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