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,164
questions
0
votes
0
answers
25
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
0
answers
10
views
PrimeReact AccordionTab Not Rendering When Wrapped in Custom Component
I'm facing an issue where my custom FilterAccordionTab component, which extends PrimeReact's (V8) AccordionTab, is not rendering its content. However, when I directly use PrimeReact's AccordionTab ...
0
votes
1
answer
15
views
Align title to the left in an AccordionItem
I am using an Accordion widget within my sample app (used for learning Kivy). In my KV code, I have:
Accordion:
orientation: 'vertical'
AccordionItem:
title: '2024/12/...
0
votes
1
answer
39
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
19
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
1
answer
61
views
CSS for bootstrap accordion
So I'm pretty new to css and bootstrap, and have added an accordian into my view page. I have tried to alter the original css but with no luck!
<div class="accordion accordian-flush" id=&...
1
vote
0
answers
22
views
Trying to implement Accordion in React so that multiple accordions can be open at a time
I am sending data as an array of object from main component file to Accordion component -
return <Accordion items={items} />;
items consist of 3 properties - Id, title and data.
Accordion ...
0
votes
0
answers
23
views
Collapse accordion on page load
Is there a way to make accordion collapse on page load?
Currently t-store__tabs__item_active loads first.
Using a website builder with no capability of editing html, but can use css, js or jquery.
...
0
votes
1
answer
38
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
12
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
51
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
28
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
32
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
22
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
86
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 ...