All Questions
841
questions
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
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 ...
- 75
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
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 ...
- 11
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 ...
- 1
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 ...
- 1
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
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
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 ...
- 63
0
votes
1
answer
93
views
Animate accordion panels when hide and show a panel
I have created an Accordion component in a Vue3 and Nuxt3 project. everything is good except that I can't put an animation on the height of accordion panels. I want a smooth remove when I hide a panel ...
- 121
0
votes
1
answer
61
views
Why is my all bootstrap accordion closing when I only close one?
My projects include some bootstrap accordion. I use collapse and show to allow the user to close each accordion by themselves. But now, when I close one of the accordions and reopen it, the others ...
0
votes
0
answers
20
views
I want a accordian-style hover on the images in ReactJS
Here I have created an application that contains 3 images. If you hover on that, it should be popping up like accordian, but now when it's popping up, it hides the rest of the images. So how to do the ...
0
votes
0
answers
29
views
Image with Accordion Effect not align perfectly
Here I have created a hover accordion effect using a list of images. So here I have created that container that aligns all the images in parallel, so all the images will be there with 20% width, and ...
0
votes
0
answers
48
views
not showing top border on mui accordion when its expanded
When I expand the accordion, its top border disappears. However, the border is visible when the accordion is collapsed.
I have tried adding a top border, but it makes the border bolder when the ...
- 1
2
votes
1
answer
783
views
Accordions in two columned flex layout: Changing of height in one column is affecting other column
I would like to have a two columns of accordions. At the moment I used flex layout to do so. But when expanding an accordion in one column it is affecting the elements in the other column. How can I ...
- 567