打开accordion - Bootstrap时模式关闭 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

打开accordion - Bootstrap时模式关闭

bootstrap-4

我有多个打开模态的按钮，其中一些模态有手风琴来保持内容的整洁和整洁。虽然只是在本地运行HTML文件，没有问题，但现在它在网站上运行，当我在一个模式中打开一个手风琴时，模式关闭了。我猜想这是因为折叠在两个元素上都被切换了，即手风琴打开了，但模式关闭了。有没有相对简单的方法来解决这个问题？可能有30种不同的模态和按钮，甚至更多的手风琴，显然都有不同的ID。我发现的一种解决方案是告诉模式在打开手风琴<

浏览 15提问于2020-10-30得票数 1

4回答

切换到移动屏幕大小时自动关闭Bootstrap折叠面板

twitter-bootstrap、accordion

使用Bootstrap 2.3.2，我有一个带有单个面板的手风琴，该面板在页面加载时是打开的。<div class="accordion" id="refine"> <aTitle </d

浏览 0提问于2013-08-08得票数 7

1回答

angular-ui accordion数据按请求关闭

twitter-bootstrap、get、angularjs-ng-repeat、accordion、angular-ui

我正在使用angular bootstrap-ui来显示一个手风琴。通过向我的后端发出一个定时间隔get请求来拉取数据。这是每次拉取数据的时间。如果accordion处于打开状态，则在发出get请求时关闭。如何在发出get请求时保持打开accordion？<accordion> <accordion-group is-open="isope

浏览 3提问于2015-09-17得票数 0

1回答

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

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

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

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

3回答

在引导折叠手风琴中显示部分文本

css、twitter-bootstrap、accordion、collapsable

有人知道在封闭模式下显示某些文本的选项吗？<div class="accordion" id="accordion2"> <div class="

浏览 2提问于2013-09-02得票数 13

2回答

使最后一个动态添加的折叠面板打开

jquery、twitter-bootstrap、bootstrap-4

我正在尝试以编程方式添加bootstrap ，以便每次单击add按钮时，都会生成一个新的accordion，并关闭上一个或任何其他accordion。this.aCount === 2){ $('.collapse').collapse('show');问题是我在accordion上的id是动态的，所以我不能使用，但我的脚本

浏览 3提问于2017-08-30得票数 2

1回答

Bootstrap经典手风琴？

twitter-bootstrap、collapse

我绝对看不到如何从Bootstrap获得一个带有折叠折叠组件的经典手风琴。我使用在文档中找到的化妆。这里有一排(一个托盘) <div class="accordion-heading"><h3> <a class="accordion-toggle " data-toggle="collapse"

浏览 3提问于2013-06-14得票数 0

2回答

jQuery Accordion在点击时改变字体的图标类

javascript、jquery、css、accordion、font-awesome

当你点击一个标题时，"fa-plus“类需要更改为"fa-minus”。 jQuery('.accordion</e

浏览 0提问于2014-01-16得票数 3

回答已采纳

3回答

React-bootstrap* accordion无法正常工作*

javascript、accordion、reactjs、react-bootstrap

尝试一下，我尝试了react-bootstrap，并尝试使用react-bootstrap accordion实现accordion。首先，我尝试使用ButtonToolBar，它工作得很好。ButtonToolbar> buttonsInstance,);var Accordion</em

浏览 3提问于2014-11-19得票数 2

回答已采纳

3回答

关闭所有打开的accordion Bootstrap

javascript、html、jquery、css、bootstrap-4

我想问一下如何制作一个按钮来关闭所有打开的手风琴(仍可切换)。当其中一个手风琴打开时，按钮功能就会关闭。也许这是件奇怪的事，手风琴已经有了拨动。但在我的例子中，我需要一个外部按钮来关闭打开的手风琴项目。我希望我能在这里找到答案，谢谢！ /libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="

浏览 14提问于2020-10-16得票数 1

回答已采纳

1回答

ng-bootstrap* accordion在Angular中的for循环中不起作用*

angular、twitter-bootstrap、ng-bootstrap

<ng-container *ngFor="let p of [0,1,2]"> <ngb-panelngbPanelContent> </ng-template> </ngb-accordion打

浏览 11提问于2019-09-10得票数 0

1回答

如何在引导手风琴中切换正负和反之亦然

javascript、reactjs、accordion、react-bootstrap

我正在使用Accordion使用react-bootstrap制作手风琴我已经成功地创建了手风琴，现在我想提供每个标题的切换，就像当它是打开时的加减号，当它是关闭的时候唱歌，显示加符号，但是我不能处理这个事件/styles.css"; const data =defaultAct

浏览 1提问于2020-05-15得票数 2

回答已采纳

1回答

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

javascript、ruby-on-rails、twitter-bootstrap

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

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

2回答

引导4改变手风琴行为

javascript、html、css、bootstrap-4、bootstrap-accordion

我使用HTML模板，这些模板基于Bootstrap 4.3.1，向我的学生展示学习内容。在当前的模板中，所有手风琴面板都是在页面加载时关闭的，每个手风琴面板都可以打开，而不管还有多少其他面板已经打开。，以便一次只能打开一个面板？(即，一旦打开新面板，以前打开的面板将自动关闭) 引导示例使用(data-toggle="collapse" data-target="#collapseOne" ari

浏览 13提问于2022-09-12得票数 -1

回答已采纳

2回答

Bootstrap 3 accordion在div overflow-y中打开时滚动到顶部

jquery、twitter-bootstrap-3

我有一个里面有accordion bootstrap 3的div容器。<div id="cont-accordion" style="height: 300px;overflow-y:scroll;"> jQuery('#cont-<

浏览 1提问于2014-09-19得票数 0

1回答

在Bootstrap* 3 accordion中添加动态闭合面板*

javascript、jquery、html、twitter-bootstrap

我使用的是 accordion，我需要在其中添加动态面板。- All dynamic panels must be closed, not opened问题是，如果打开Panel 2，则会打开动态面板(从Panel 2克隆)。如果关闭配电盘2，则关闭动态配电盘。我希望所有的动态面板都是关闭的，只有当它们的头被点击时，它们才会被打开(就像在Bootst

浏览 47提问于2013-09-16得票数 12

回答已采纳

1回答

在视图中打开Bootstrap* accodrion*

accordion、collapse

我有一个Bootstrap accordion，默认情况下是折叠的。我想让它在手风琴在页面上显示时打开，反之亦然，当它不在视图中时，它就会被关闭。帮帮忙？

浏览 1提问于2016-12-16得票数 0

1回答

引导可折叠面板以避免在另一个面板打开时崩溃

javascript、jquery、css、twitter-bootstrap

我正在使用引导带折叠实现一个可折叠面板，如此所示，我想知道是否有可能保持一个面板打开，而另一个面板被打开，并且该面板仅在其自己面板的箭头单击时关闭。/* symbol for "opening" panels */ font-family: 'Glyphicons Halflings'; /* essential for en

浏览 3提问于2017-05-17得票数 0

回答已采纳

0回答

Jquery点击事件

javascript、jquery、html、ruby、twitter-bootstrap

我正在使用bootstrap accordion。我希望能够存储手风琴的状态。我决定使用本地存储。如果用户关闭了折叠，我想要清除localstorage，这样它就不会一直打开。我已经把这些都做好了。我的问题是，当用户点击打开/关闭accordion的链接时，我正在对类进行“折叠”检查。当它被点击时，我假设如果它有类“折叠”，我可以清除localstorage。但出于某种原因，情况恰恰相反。$('.accor

浏览 10提问于2017-06-13得票数 0

1回答

带显示/隐藏按钮的Twitter Bootstrap* 3手风琴*

twitter-bootstrap-3、accordion

我正在使用twitter bootstrap 3和accordion模块，我想要这样做:一个显示'show‘的按钮，当它显示时，一个显示’折叠‘的按钮。我正在使用这个js if ( $(this).next('.accordion-body').hasClassthis).text('Close');

浏览 5提问于2014-02-05得票数 1

点击加载更多