Question

jquery如何实现单击同一div实现显示和隐藏

例如以下html代码：
<div id="AAA">
<P>标题</P>
<div id="BBB">ok</div>
</div>
使用jquery如何实现单击id为AAA的div显示id为BBB的div，再单击一次id为AAA的div就隐藏d为BBB的div，然后再单击就显示，继续单击就隐藏，这样不断重复。

Answer 1

可以使用如下jquery代码实现

$(object).toggle();

示例如下：

1. 创建Html代码及css样式

   <div> 
       <span>Hi, how are you.</span>
   </div>

   div{width:500px;height:50px;border:4px solid #ebcbbe;}
   span{display:block;margin:20px;}

2. 添加jquery代码

   $(function(){
   	$("div").click(function() {
   		$("div span").toggle();
   	});
   })

3. 显示效果

• 点击前

  

• 点击后

  

• 再次点击

  

Answer 2

应该用到ajax，但是具体怎么实现呢？我的想法是：通过点击不同的action，通过pageEncoding="UTF-8"%> <DIV class="ui-layout-north"> </DIV> <DIV

Answer 3

$("#AAA).click(function(){
$("#BBB").toggle();
})