与jQuery的子元素

Question

点击.panel-header时，我在关闭我的Bootstrap面板的.panel-body时遇到问题。

我连续有三个BS面板，所以当我点击一个时，所有人都会立即关闭。

我想要的是关闭面板的.panel-body。

谢谢：）

Answer 1

您可以在click事件范围内利用此对象

$('.panel-body').click(function() {
    $(this).hide(); //or toggle show/hide with $(this).toggle()
});

Answer 2

以下内容将关闭位于您单击的标题旁边的面板主体。

$(".panel-heading").on("click", function ( ev ) {

  $(this).siblings(".panel-body").hide();
});

如果您想要单独点击以重新打开此元素，则可以使用.toggle()代替.hide()。