Javascript 用于使DIV可见/不可见的Jquery

我计划显示一个树状结构，点击树状结构，我想显示一个网格。因为我必须展示一个原型，所以我考虑使用Jquery来展示以下内容

应用程序1（Onclick）

• 显示带有数据的
  （类似于网格）

应用程序2（Onclick）

• 折叠应用程序1

  Div

  （不可见）
• 应用程序2

  DIV

  （可见）

以此类推

---

是否有任何可用的示例可用于模拟此情况？

以下是一个真实的基本示例：

应用程序1
问询处
应用程序2
问询处
$（“.childNode”）.hide（）；
$（“.parentNode”）。单击（函数（）{
$（“.childNode”）.hide（100）；
$（this.children（）.show（100）；
});

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

jQuery的方法和方法将允许您实现您的目标

$( 'your_selector' ).click( function() {
    $( '#application_1' ).hide();
    $( '#application_2' ).show();
});

---

假设页面上已经存在div元素，并且您只需切换它们的可见性：

$('#Application1').click(function() {
  $('#Application1Div').show();
  $('#Application2Div').hide();
});
$('#Application2').click(function() {
  $('#Application2Div').show();
  $('#Application1Div').hide();
});

这里

---

有乐趣和快乐的编码

JQuery的隐藏但不会删除空格并显示

$("#id").css({ visibility: 'hidden' }) // hidden element (not remove space)
$("#id").css({ visibility: 'visible' }) // show element

---

我可能会在应用程序中使用这个。非常感谢你！没问题，很高兴你喜欢。如果你有一些问题，就写在这里。我怎么能试着模拟一个树形结构呢。在您提到的演示示例中，如果我单击第一个div，它会打开，如果我再次单击它，它会崩溃。这容易实现吗？非常感谢！然而，在新代码中，当我单击时，我看到DIV被合并在一起。是的，因为你一直在跟踪我，所以我想把这个标记为答案。我已经投票了！请让我知道。再次感谢你。

$("#id").css({ visibility: 'hidden' }) // hidden element (not remove space)
$("#id").css({ visibility: 'visible' }) // show element