All Questions
Tagged with accordion twitter-bootstrap
377
questions
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 ...
- 103
0
votes
1
answer
2k
views
Sticky accordion header whilst open
I am trying to make an accordion where the open tab will stay at the top whilst scrolling down the page. The currently open tab should remain there and close if pressed.
I am currently generating the ...
- 103
1
vote
0
answers
919
views
Bootstrap accordion, scroll to top of active accordion on click without bouncing back?
I'm adapting a Bootstrap accordion and trying to move the clicked open accordion to the top of the screen.
I am using this solution
When I click on an accordion and another one is open above the ...
- 125
1
vote
1
answer
6k
views
How do I fix the Bootstrap Accordion Arrow direction?
I am using Bootstrap 5.1 with the Accordion feature. However, when the page loads the Chevron is upside down and only rights itself after clicking on it a couple of times.
Here is the code:
&...
- 10.8k
4
votes
1
answer
5k
views
Listening to the Bootstrap collapse shown/hidden events?
I have a Bootstrap 5 accordion that looks like this:
<div class="accordion" id="my_accordion">
<div class="accordion-item">
<h2 class="accordion-...
- 646
0
votes
1
answer
218
views
Bootstrap accordion in mvc view not collapsing
i have a bootstrap collapse on a view, it being generated programmatically with a list, but in page every thing is open, upon clicking nothing collapses, here is code
<div id="accordion"&...
- 43
2
votes
1
answer
1k
views
Bootstrap accordion Javascript to open one card when the other closes
I have a standard Bootstrap accordion and I don't want the option to have all cards closed at the same time, I have two total.
Right now... If I click on one, it opens and if I click on it again it ...
- 536
0
votes
1
answer
207
views
error TS2339 while accessing an ngform outside a div
I have an angular project where I used ngb-accordion from ng-bootstrap to display some details. My accordion is responsive. I have included forms inside each accordion. I have a requirement where I ...
- 25
6
votes
2
answers
3k
views
bootstrap link in accordion header: stopPropagation not working
I am trying to add an external link to a bootstrap accordion header using stopPropagation on the click event.
Unfortunately, the link is not working and the expanding/collapsing of the accordion still ...
- 315
0
votes
1
answer
2k
views
Prevent Bootstrap 5 Accordion from collapsing
I'm using Bootstrap 5's Accordion component. Good news: it works perfectly well!
But the button for collapse the accordion is big, so I want to add an additional link in it, for some extra stuff.
&...
- 273
0
votes
1
answer
532
views
Bootstrap accordion not working in typescript
I am trying to do an accordion using Bootstrap and for some reasons, whenever i click on the accordion, the toggle doesnt work. I directly pasted the codes from tutorial sites but its still not ...
- 341
3
votes
2
answers
808
views
JS/JQuery - Problem getting Expand/Collapse to work
I'm having trouble getting the accordion aspect of my HTML page to work.
Problems:
Clicking the 'Expand All' (which turns into 'Collapse All') is not working.
When I click the '+' (next to the ...
- 115
4
votes
1
answer
8k
views
Bootstrap Accordion CSS styling when active
I am trying to get my accordion buttons to keep a purple background colour when shown and return to white when closed, and also to remove the blue highlight border once clicked. I am working with ...
- 1,542
0
votes
0
answers
90
views
Accordion Toggle Not Expanding Table Rows (Javascript)
I am new to javascript and I am trying to create a nested row that gets viewed when clicked using accordion. I have written javascript to dynamically expand the rows and it is not expanding at all. ...
- 97