javascript - 用于使 DIV 可见/不可见的 Jquery

Question

我打算显示一个树结构，点击树结构我想显示一个网格。由于我必须展示一个原型(prototype)，我正在考虑使用 Jquery 来展示以下内容

Application1 (Onclick)

• Display a <DIV> with data (similar to a grid)

Application 2 (Onclick)

• Collapse Application 1 Div (invisible)
• Application 2 DIV (visible)

等等..

是否有可用的示例来模拟此操作？

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

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