使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏

jquery代码：

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(function(){
		$("#a").click(function( e ){
			e.preventDefault();
			if ($("#test").is(":hidden") ){
				$("#test").show("normal");
			}else{
				$("#test").hide("slow");
			}
		});
	});
</script>

效果代码:

<a href="" id="a">点击</a>
<div id="test" style="display:none">
	XXXXXXX(内容) 请输入内容：<input type="text" id="team_1_comment">
</div>