jquery实现点击显示,再点击隐藏

//点击a标签,轮流显示和隐藏
<div id="timo" style="background-color:red;height:50px;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>

原文地址:https://www.cnblogs.com/WebLinuxStudy/p/12131906.html