码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-12-16 13:38:36      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:jquery   js   javascript   function   


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>



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

标签:jquery   js   javascript   function   

原文地址:http://blog.csdn.net/zuo1141783497/article/details/41958283

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!