jQuery动态显示和隐藏div

来源:互联网 发布:js前端开发群月报 编辑:程序博客网 时间:2024/05/19 14:40

html内容

<div class="row form-group" id="user">           你想展示的内容() </div> <div class="row form-group" id="item">           你想展示的内容  </div> <div class="row form-group" id="userd">           单击div时显示或隐藏的内容 </div>  <div class="row form-group" id="itemd">           单击div时显示或隐藏的内容 </div>

js代码

默认显示的div$(document).ready(function(){    $("#userd").show();    $("#itemd").hide();     });单击时显示的div$("#user").bind("click", function(event) { $("#userd").show();$("#itemd").hide();});$("#item").bind("click", function(event) {$("#userd").hide(); $("#itemd").show();});
原创粉丝点击