Question

jquery怎么实现点击一个按钮控制一个div的显示和隐藏

Answer 1

1. html代码：

   <input type="button" value="显示/隐藏" onclick="showOrHideDiv()">
   <div id="show_div" style="width:50px;height:50px;border:1px solid red;"></div>

2. jquery代码：

   function showOrHideDiv(){
   	if($("#show_div").is(":hidden")){
   		$("#show_div").show();//如果元素为隐藏,则将它显现
   	}else{
   		$("#show_div").hide();//如果元素为显现,则将其隐藏
   	}
   }

Answer 2

<script>
$(document).ready(function(e) {
$(".but").click(function(e) {
$(".abc").toggle();
});
});
</script>