使DIV可见/不可见的Jquery

Question

我打算展示一个树形结构,点击树形结构,我想要一个网格显示.由于我必须展示原型,我正在考虑使用Jquery来展示以下内容

Application1(Onclick)

• 显示<DIV>数据(类似于网格)

申请2(Onclick)

• 折叠应用程序1 Div(不可见)
• 申请2 DIV(可见)

等......

有没有可用的例子可以用来模拟这个？

Answer 1

这是一个真实的基本示例:http: //jsfiddle.net/YBABG/1/

<div class="parentNode a1">Application 1
    <div class="childNode">Information</div>
</div>
<div class="parentNode a2">Application 2
    <div class="childNode">Information</div>
</div>


$(".childNode").hide();

$(".parentNode").click(function(){
   $(".childNode").hide(100);
   $(this).children().show(100);
});

在hide中指定持续时间将创建一个简单的动画效果.