jQuery动态显示和隐藏div

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();});