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
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
0
answers
14
views
Accordion menu doesnt appear in frontpage
my site is www.imblasco.cl
Im having trouble with accordion menú in my frontpage, it appears Missing Accordion Menu configuration. This happened alone, no changes in accordion settings have been done. ...
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 ...
-1
votes
2
answers
43
views
JQuery accordion not working in Razor page
I've spent a few hours digging through here and other sites and can't find the answer.
I'm trying to implement a simple accordion in a razor page, but no matter what I try it doesn't work.
_Layout....
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
2
answers
97
views
NgFor Issue in expanding data in Accordion
I have been trying to display an array of posts using tailwind's Accordion. When I console log the posts, the array of posts is there but there seems to be an issue of expanding the accordion. This ...
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
29
views
How can I make my accordion auto-collapsible
I am builing my accordion with ReactJS but cannot find a way to make it auto-collapse when another one is opened. It is working perfectly fine but I just want the item to callapse as soon as another ...
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
56
views
Hide Elementor accordion item if FacetWP is empty
I am creating a filter system using Elementor Pro and FacetWP. I want the Facets to be expandable so I have put the Facets in the Elementor (nested) accordion widget with an accordion item for each ...
0
votes
0
answers
82
views
Tailwind-elements table accordion not functioning after refresh or npm run dev/build. Saving the page after a refresh, however, works
Copy-pasting code for a tailwind-elements works perfectly in my vite-react app. Refreshing the page or running npm run dev breaks it.I followed the step by step instructions to get it started. When I ...
0
votes
2
answers
59
views
Accordion Collapsible Panel is Not Exanding After Adding Schema Markup
My accordion collapsible panel is working perfectly. As you can see, the first panel is not working, whereas the second one isn't working perfectly. The difference between these two is not something ...
1
vote
1
answer
1k
views
Is there any way to control ShadcnUI Accordion "open" and "close" functionality using value from the useState in NextJs?
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
interface chapterProps{
selectedChapter:number;
setSelectedChapter:...
-1
votes
2
answers
293
views
How do I include my image within a Bootstrap Accordion so it sits within accordion-item
I am having problems with a Bootstrap Accordion.
It functions fine, but when i attempt to load an image
<img src="https://placehold.co/600x400" class="img-fluid" />
within ...