当前位置: 首页 > 知识库问答 >
问题:

如何使一个引导手风琴折叠时单击头div?

云何平
2023-03-14

在引导手风琴中,我不需要单击a文本,而是希望在单击panel-headingdiv中的任何位置时使其折叠。

我正在使用引导程序3。所以它不是手风琴,而是一个可折叠的面板。你知道如何让整个面板都可以点击吗?

共有1个答案

江智
2023-03-14

你所需要做的就是利用...

  • data-toggle=“折叠”
  • data-target=“#ElementToExpandonClick”

...在要单击以触发折叠/展开效果的元素上。

    null
.panel-heading {
    cursor: pointer;
}
 类似资料:
  • 我尝试了以下代码,除了图标外,一切都很好。我试图在Google上找到一些解决方案,但我找不到我正在寻找的解决方案。 当我点击其中一个手风琴时,另一个手风琴应该折叠,当前点击的手风琴应该打开,同时fa图标应该根据手风琴的位置而改变。 这是我到目前为止已经尝试过的

  • 我有一个剃刀页面,在那里我想要一个单独的,可折叠的标题,每个行项目在一个模型。我想在页面上创建一个按钮,在那里它找到页面上每一个带有某个类的手风琴,并展开它们。 我有它非常接近工作,但在展开一些在页面加载时关闭的东西后,你必须点击该手风琴的头部两次,以使它再次折叠 这大概是我的剃刀代码 这是创建手风琴的jquery 在添加展开/折叠按钮代码之前,使用所有这些代码,手风琴都可以很好地工作 “展开/折

  • 我正在使用href链接和可折叠标题制作手风琴菜单。问题是,当我单击子手风琴时,它会折叠父级。有什么解决方法吗? 这是更新的版本,它正在工作。解决方案是使用“”(如@Renan Arajo所述)并删除手风琴上的标题设置。 https://codepen.io/CocoSkin/pen/vRQyZP

  • 我有下面的div,希望在单击按钮时显示它。 我在按钮点击事件中使用这个jquery代码。 $('.container collapse')。removeClass('.container collapse')。addClass(“容器”); 为什么现在不显示div,因为我已经改变了类? 它抛出一个错误未捕获的类型错误:$(...)。

  • 本文向大家介绍bootstrap手风琴折叠示例代码分享,包括了bootstrap手风琴折叠示例代码分享的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了bootstrap手风琴的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 手风琴布局Accordion Layout 通常,手风琴布局可以这样实现: <div class="accordion-list"> <div class="accordion-item"> <div class="accordion-item-toggle">...</div> <div class="accordion-item-content">...