Bootstrap 5 Accordion在放置在折叠的div中时无法正常工作

文章/答案/技术大牛

发布

1回答

twitter-bootstrap、bootstrap-5

为什么手风琴放在折叠的div中不能正常工作？如你所见，打开Accordion #2并没有关闭之前打开的accordion：  <link href=https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/<em

浏览 25提问于2021-09-30得票数 0

3回答

Bootstrap关闭折叠菜单

jquery、twitter-bootstrap、accordion

我是bootstrap的新手，并使用bootstrap accordion创建了一个导航菜单。当我点击任何链接时，它会打开手风琴，但不会关闭打开的手风琴。我怎样才能做到这一点呢？我创建了一个小提琴：<li> <div class="accordion-heading "> <a href="#accDash" data-pare

浏览 7提问于2014-05-22得票数 0

4回答

引导程序折叠数据-父级不起作用

jquery、twitter-bootstrap、collapse

我使用的是bootstrap 2.2.1，但是由于某种原因，data-parent属性并没有执行预期的操作。当我单击另一个目标时，它不会关闭以前打开的目标。这是一个包含以下代码的，有任何关于如何修复此问题的想法吗？<div id="accordion"> <li> <a href="#" data

浏览 1提问于2012-12-02得票数 8

回答已采纳

2回答

如何实现twitter bootstrap accordion？

javascript、jquery、css、twitter-bootstrap、accordion

我正在尝试实现twitter bootstrap can plugin ()，但我似乎无法让它正常工作。我认为这是我的开发环境出了问题，所以我设置了一个JSfiddle，但我仍然收到相同的问题。下面是jsfiddle：

浏览 0提问于2013-04-10得票数 8

回答已采纳

1回答

Bootstrap折叠折叠-默认展开/折叠？

css、twitter-bootstrap、media-queries、accordion、collapse

我使用的是推特Bootstrap和jQuery。<div class="accordion"

浏览 35提问于2013-09-16得票数 7

3回答

引导程序折叠/折叠在Firefox上不能保持打开状态

jquery、twitter-bootstrap

我无法让Bootstrap accordion折叠在Firefox上正常工作。如果我单击accordion标题，它会显示一秒钟的内容，但不会保持打开状态。下面是我的代码： <div class="accordion-gr

浏览 1提问于2013-04-21得票数 1

回答已采纳

1回答

bootstrap 3单击时的字形图标交换状态

twitter-bootstrap、twitter-bootstrap-3、glyphicons

帮助，我正在寻找在bootstrap 3中折叠时的字形图像交换。我在这里发现这个线程这在jsfiddle中工作，但当复制到我自己的页面时，折叠工作，但图标不能从上到下交换。我是不是漏掉了什么？我甚至把它放在Bootstrap 3的完整下载版本中，但图标无法换出。代码如下： <div cl

浏览 3提问于2013-09-06得票数 4

2回答

启动4手风琴，折叠按钮闪烁，然后到达扩展结束。

javascript、html、css、twitter-bootstrap、bootstrap-4

我在试着实现手风琴。我基于这个组件()，使用引导程序4。虽然我无法复制这个bug，但我正试图修复SO论坛，在我的页面上，这个组件“眨眼”就在扩展结束之前。这是Moodle系统上的一个页面，我没有访问服务器的权限。我只是一个管理员，可以使用这些技术修改前端。我怀疑这可能与样式表上的冲突有关，而这些冲突已经存在于这个特定的页面中。请检查我的密码。 /4.0.0/css/bootst

浏览 0提问于2018-02-22得票数 0

回答已采纳

2回答

手风琴不会折叠

javascript、twitter-bootstrap、accordion、collapse

下面的手风琴代码对我来说不能正常工作。<div class="accordion" id="accordion1"> <div class="accordion-heading</div> <di

浏览 1提问于2012-09-29得票数 10

回答已采纳

2回答

当面板不直接位于panel-group下时，Bootstrap* accordion折叠不能按预期工作*

jquery、html、twitter-bootstrap、accordion

我使用了bootstrap accordion，它有3个静态面板和一个由Angular Selector添加的动态面板。由于选择器，一个额外的div包装了第四个面板，因此该面板不再直接位于panel-group下。所以折叠适用于3个静态面板，但不适用于accordion中动态添加的面板:更详细地说，在展开第四个面板后，当我尝试单击前三个面板中的任何一个时，第四个面

浏览 18提问于2018-02-28得票数 1

1回答

bootstrap accordion问题:隐藏的可折叠组项目

jquery、twitter-bootstrap、accordion、hidden、collapse

我的手风琴手风琴有问题。()可折叠的组项目工作正常。接下来，我得到了一个隐藏和显示可折叠组项目的代码。它也可以工作，但如果用户执行这些步骤(所有代码示例都来自jsfiddle，我已经将代码减少到最少，所以不要搜索任何逻辑)：2)用户打开第二组项目(可见)。3)显示先前隐藏<e

浏览 1提问于2013-04-29得票数 1

6回答

引导折叠-展开所有

twitter-bootstrap-3

我已经实现了Bootstrap 3崩溃。当单击任何标题链接时，客户端希望所有目标块展开。我尝试过实现一个修改过的版本，但是无法使它正常工作。<div class="panel-group" id="accordion"> <div class="panel p

浏览 6提问于2014-02-27得票数 17

回答已采纳

5回答

Bootstrap data-切换在第二次单击后折叠div，而不是第一次

html、css、twitter-bootstrap、toggle

我有一个带Bootstrap的simple example，可以通过点击切换div。下面是标记： <div class="accordion-heading"> data-toggle="collapse"</a><div id=&q

浏览 62提问于2016-09-02得票数 10

回答已采纳

8回答

bootstrap初始折叠元素

html、css、twitter-bootstrap、toggle

我正在使用模板，并且我想更改的默认工作方式。 <a class="accordion-toggle" href=&quo

浏览 0提问于2013-04-22得票数 68

回答已采纳

14回答

如何在所有菜单都关闭的情况下加载我的手风琴？

javascript、html、twitter-bootstrap、jquery-events

我正在尝试遵循这里的示例 $('#accordion').collapse({hide: true})

浏览 4提问于2012-02-24得票数 62

回答已采纳

1回答

JQuery UI折叠界面毛刺

jquery、jquery-ui、safari、accordion

我正在使用JQuery UI 1.6rc5，我在使用折叠窗口小部件时遇到了一些问题。这是我正在使用的代码。"> </div> <div class="ui-accordion-group"<&

浏览 0提问于2009-01-28得票数 2

1回答

折叠手风琴，如何点击打开和关闭？

javascript、ruby-on-rails、twitter-bootstrap

折叠/折叠不能像我想要的那样工作，下面是我的代码：<div id="accordion" class="panel-group"> <div class="" href="css/bootstrap-multiselect.css

浏览 0提问于2018-10-15得票数 0

11回答

如何让Twitter Bootstrap* Accordion保持一个组打开？*

twitter-bootstrap、accordion、twitter-bootstrap-3

我正在尝试用Twitter bootstrap来模仿Outlook栏，使用accordion和折叠插件，到目前为止我已经让折叠和折叠插件工作了，但它目前允许所有部分都折叠。这是我正在做的一个：，我想它大概是 console.warn("HIDE TRIGGERED, check

浏览 2提问于2013-03-31得票数 45

回答已采纳

2回答

删除bootstrap中的折叠边框

twitter-bootstrap、twitter-bootstrap-3

这是nav-list类的图片：我想用手风琴做一个下拉列表。为此，我想删除边框。我试过以下方法，但不起作用： border:none;下面是我的html代码： <ulclass="accordion" id="ac2"> <div class

浏览 2提问于2014-10-26得票数 1

1回答

引导2.1.1在IE中第一次打开“可折叠”

twitter-bootstrap

当您第一次单击打开IE7/8/9中的引导带“可折叠”手风琴时，它不会打开。其他人遇到这种情况或者能找出原因吗？谢谢 <div class="accordion category-list-accordion"> <div id="category-5" class="accordion-group

浏览 1提问于2012-10-08得票数 7

回答已采纳

点击加载更多