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
1
vote
1
answer
22
views
Component init inside ng bootstrap accordion even if closed
I'm facing an issue using ng bootstrap's accordion with components inside them.
I have an *ngFor and for each index array there is an accordion that contains a component.
The problem is, even ...
- 41.6k
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 ...
- 32
-3
votes
1
answer
506
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
- 1,017
1
vote
1
answer
19
views
How to control opening primeng accordion content by a button placed on the accordion
I want to open the primeng accordion using a button that is placed in its custom header and i dont want the accordion to open if i click anywhere else. i am using primeng 11-lts version and this is my ...
- 26
1
vote
1
answer
24
views
bootstrap react Accordion - collapse / expand via useState
I've a react-accordion component with multiple 'cards'.
Initially the first is expanded and the rest is collapsed.
I would like to control the state (collapsed/expanded) via a react state (useState).
...
- 498
-1
votes
0
answers
28
views
SwiftUI: How to check if part of a view is out of screen? [closed]
I have an accordion in a ScrollView. When an item of the accordion is expanded, its content may be out of the screen. How can I check if the content is out of the screen and scroll up to show it?
...
- 49
2
votes
1
answer
20
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 ...
- 11.5k
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 ...
- 95.1k
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 ...
- 671
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 ...
- 671
0
votes
1
answer
74
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=&...
- 20.4k
0
votes
1
answer
19
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/...
- 38k
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 ...
- 1
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 ...
- 5,636
3
votes
1
answer
11k
views
How to create an accordion in Xamarin.Forms ListView
How can I create an accordion in a ListView with data binding?
I am creating this app with Xamarin.Forms.
This is what I have so far:
<ListView x:Name="List" HasUnevenRows="True" >
<...
CommunityBot
- 1