使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
2014-12-16 11:43
966 查看
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>
<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点击一个实现button或连接,进行以下div显示,在点击隐藏
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- 两个单选按钮(一个是,一个否 ),一个div层,实现点击隐藏,显示div
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- jQuery点击按钮实现div的隐藏和显示切换效果
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- jquery点击按钮显示和隐藏DIv
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击按钮时显示一个弹框,点击空白,弹框隐藏,也可操作弹框中的内容,也可使用弹框中的按钮关闭弹框
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- jquery 实现 点击一个按钮添加多个div
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 点击一个链接可以在指定的div块中显示(使用jquery实现)
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 一个按钮点击隐藏下面内容,再点击显示,并且按钮自己里边的字也在变
- jquery 默认隐藏div,点击按钮显示,再次点击隐藏
- 点击按钮平移隐藏与显示div(使用translate)
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏