All Questions
Tagged with accordion javascript
1,303
questions
1
vote
1
answer
40
views
Multiple accordions working independently where the first of every accordion is open [duplicate]
I'm using this accordion module from W3Schools: https://codepen.io/SupposedlySam/details/oWWgqZ
It's working well, only a problem occurs when i use two of them on the page. They still work. Only they ...
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
1
answer
42
views
What is giving me a blank page on a React app on LocalHost?
I created a react page (localhost) to follow along with a tutorial, but my webpage is completely blank. The console shows the attached error messageenter image description here
I added
“permissions”: [...
0
votes
0
answers
30
views
NVDA overrides eventListeners on arrow keys 38 and 40 with its own behavior for that
The "handleAccordionKeyDown" function enables arrow key navigation in an accordion.
If the first accordion element, a link, is focused with the tab key, arrow key navigation is activated.
...
0
votes
1
answer
36
views
Background Color for Accordion Collapse won't reset back to default
I'm totally scratching my head on this one so I apologize if it's a simple fix.
I'm using Accordion categories to expand and collapse sections by either clicking the same section again to collapse it ...
-1
votes
2
answers
48
views
Warning: validateDOMNesting(...): <div> cannot appear as a child of <tr>warning while using Accordion inside tbody
I am using Accordian from react-bootstrap, I want that the table row can be expanded to view another table, it is working fine but giving me warnings on browser console.
<div className="row me-...
0
votes
0
answers
25
views
MUI Table body rendered in first cell when wrap table body in Accordion
Above is my code actually i have data in groups and i need to show each group in a accordion and can have only one header outside the table body when i try the above code then accordion rendered in ...
0
votes
2
answers
182
views
How do I trigger onclick event with only one click?
It's me again! I've been slaving to get an accordion menu to work properly and I managed to get it to work... the main problem is, it only triggers on the double click of a button.
I want to make this ...
0
votes
0
answers
53
views
Accordion Close Transition
I am trying to create an accordion which has a transition when you open and close it. Unfortunately I was not able to make the close transition(the open transition works perfectly). Any suggestions?
I ...
0
votes
0
answers
114
views
Jumping page scroll when closing accordion
I have an accordion written in JS + SCSS. Here's how it works:
When you open an accordion, another active accordion is automatically closed
opening/closing of the accordion is smooth, animated
There ...
0
votes
0
answers
21
views
Rotating chevron in accordion in javascript
Hi i am trying to make a nested accordion and I am almost done.
The code itself is werking fine, but I have added chevrons to the main-buttons in the accordion,
When clicking on the main-btn one, the ...
0
votes
1
answer
397
views
CSS: Expand/collapse animation in `flex` accordion when container size is fixed
Good afternoon,
I have a need to create HTML/CSS/JS accordion. Requirements: accordion container's height must be fixed (100% body's height) and if panel's content overflows, scrollbar must be inside ...
0
votes
0
answers
38
views
I want to rotate the icon with animation in expandable
I want to perform a little animation for rotate a icon to 45 degree in each item passed. That animation is working, but all the icons in the list are rotating at the same time.
I want the icon ...