Questions tagged [accordion]
An accordion is a type of menu that allows for additional content to be shown below the heading upon mouse action. Only one heading's content can be open at a time. When the next heading is selected, the previous heading's content will close.
accordion
4,165
questions
0
votes
0
answers
13
views
JS Accordion : jump to title when open
I have a FAQ section with accordion for each questions.
When I open an question, I would like the window to scroll to the top of the title of the current opened accordion (instead of staying in the ...
1
vote
1
answer
65
views
Transitioning an accordion content with "allow-discrete" value for "display" property
I have an accordion in which content is visually hidden and shown using transitions on grid-template-rows from 0fr to 1fr values.
It's inspired by a solution made by Kevin Powell on its youtube ...
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 ...
0
votes
0
answers
26
views
Bootstrap5 accordion is not woking in iOS devices
<div className={'accordion'} id={'accordionNav'}>
<div className={'accordion-item'}>
<div className={'accordion-header'} id="headingOne">
...
0
votes
2
answers
91
views
how to close the previous accordions when scrolling the page and reach to new accordion?
I am using accordion material-mui. at first all of accordions are opened. when I scroll the page and I reach to the second accordion, I want to close the first accordion and when I reach to the third ...
0
votes
0
answers
23
views
No named parameter with the name 'flipRightIconIfOpen'. flipRightIconIfOpen: true,
This is how I called the flipRightIconOpen;
headerPadding: const EdgeInsets.all(15),
flipRightIconIfOpen: true,
headerBackgroundColor: Colors.grey.shade100,
contentBackgroundColor: Colors.grey....
-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-...
1
vote
0
answers
25
views
Change div to offcanvas on breakpoint
I want to change the accordion div below to an offcanvas when the large screen breakpoint is triggered in the HTML below.The only way I can think is to replicate the accordion HTML in the offcanvas ...
0
votes
1
answer
18
views
Javascript Accordion assign classes click event
Currently the class "open" is assigned to the "accordion_container" when it is clicked. So far everything is good. What I want to change is just that this happens when clicking on ...
0
votes
0
answers
107
views
NextUI dom nested button warning with <Accordion />
I'm trying to add a button as the startContent property inside an AccordionItem in in NextUI. The problem is that the AccordionItem uses as an implementation but I really have to add a button ...
1
vote
1
answer
62
views
Vertical scroll bar in react-bootstrap Accordion Body is not clickable
I am using the react-bootstrap accordion. One of my items contains a list that's sometimes rather long. I added overflowY: auto to the style in order to add a scroll bar in these cases. The scroll bar ...
0
votes
1
answer
334
views
NextUI Accordion Background Color
I am working in NextUI V2.2.10 with Tailwind CSS. I have an accordion item that I want to custom style outside of the theme (I actually just want to flip the background color and text color on the ...
0
votes
0
answers
54
views
How to solve Wordpress accordion problem on Iphone?
I have built an accordion FAQ on my WordPress website. It works fine on Desktop, Tablet and Android but on iPhones It does not work properly. To make accordions open and close, weirdly I have to use ...
0
votes
2
answers
60
views
How to open specific Accordion item in Django using Bootstrap?
I have a Django app with a page that contains a Bootstrap Accordion.
I have a form in the third accordion item. On submit within that form I want the page to refresh to the same accordion item - I ...