用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(){//点击a标签
		if($('#timo').is(':hidden')){//如果当前隐藏
		$('#timo').show();//那么就显示div
		}else{//否则
		$('#timo').hide();//就隐藏div
		}
    })
})
</script>