All Questions
Tagged with accordion bootstrap-4
91
questions
0
votes
1
answer
31
views
How to animate or anchor bootstrap 4 accordion to its respective title when clicking its button?
Right now I have multiple script id's of #collapseTab2-1, #collapseTab2-2, #collapseTab2-3 etc.. to implement animate/anchor to its accordion title respectively when clicking its respective button ...
0
votes
0
answers
36
views
Bootstrap 4: Opening Bootstrap 4 navtabs with accordions using URL when clicking the button [duplicate]
I'm trying to make a button link that will go to another page containing its respective accordion, and then activate the appropriate accordion section.
I have this working code below that the button ...
0
votes
1
answer
47
views
How to use Bootstrap 4 navtabs with accordions show.bs and hide.bs functionalities?
Is there a way that if I click the Button for Maintab 2 will activate the Maintab 2 Content and will show the accordion content for Collapsible Group Item #2. I'm going to implement it also on the ...
0
votes
0
answers
22
views
Issue with Bootstrap 4 collapses in pills tabs using Rails 6 and Haml
Context
I'm working on a Rails application using Bootstrap for the UI. I want to integrate a set of pills, each containing an accordion that displays a list of subcategories. When a subcategory is ...
0
votes
0
answers
78
views
ReactJS Bootstrap Accordion Component not Collapsing?
I am using the exact documentation from the bootstrap website for how to implement a accordion yet it seems to not work. Item one is shown how it is suppose to be, however it is unable to collapse. ...
0
votes
1
answer
663
views
Style header of Bootstrap accordion that has the class "collapse show"
I want to style the card header of the panel that has the class collapse show. In the example here it's the first panel. I tried using CSS by using
.accordion .card .card-header button .btn.btn-...
-3
votes
1
answer
507
views
How to make accordion on clear css without bootstrap and html? [closed]
I can't build accordion on clear css
I have tried a lot of things, but I still can't do it
0
votes
1
answer
1k
views
Link inside Bootstrap accordion header
Is there a way to include a link to the header of a bootstrap accordion? Adding <a href>Link</a> breaks the accordion for me. The link would go to the linked page but clicking anywhere ...
0
votes
1
answer
261
views
Bootstrap accordion menus
I am implementing Bootstrap accordions to provide additional information. However, when I click on one of them, they all open. Is there something I can add whether it be in HTML, CSS, or JS to prevent ...
0
votes
2
answers
2k
views
Bootstrap Accordion not working properly in React
So I copy pasted the exact same code for Accordion from Bootstrap, but the style is completely different, and it doesn't function.
The code of About.js:
import React, { useState } from 'react'
export ...
1
vote
1
answer
1k
views
How to bring sticky accordion header forward over open accordion body
I currently have an accordion header that has been set as position sticky and top 10px as shown below.
You can see the blue accordion header behind the questions in the red box
However currently the ...
-2
votes
1
answer
293
views
How can I create faq accordions with bootstrap in craft website?
I am trying to create bootstrap accordion in craft website on my faq page how can I achieve that with entries?
2
votes
1
answer
661
views
to make accordion as a checkbox
In my angular application, I am using bootstrap accordion.
But I want accordion to act as a check box, if the check box is checked the accordion should expand and get selected.
But I am not able to ...
-1
votes
1
answer
805
views
How to do an accordion with HTML and JS
I want an accordion to drop down when a user clicks on the greater than sign.
<div class="row">
<div class="col-2">
<...
0
votes
1
answer
422
views
How can I remove the bottom border with CSS?
I'm using bootstrap and I have adapted the accordion to a table, it works perfectly except the icon when "toggled open" display a border-bottom which I would like to remove. It is probably ...