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,168
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 ...
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 ...
- 39
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 ...
- 13
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).
...
- 57
-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
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 ...
- 671
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
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 ...
- 227
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/...
- 190
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
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
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=&...
1
vote
0
answers
23
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 ...
- 11
0
votes
0
answers
24
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.
...
- 1
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”: [...
- 1