How To Avoid Accordion Overlapping On Footer

I'm new to jQuery. I'm using Accordion. When I click on the accordion it overlaps on the footer. How can I avoid it Below is the code for the footer -

Solution 1:

The problem is either the CSS for some wrapper for the accordions

Or the footer has been set to be fixed at that position on the page.

Solution 2:

Make the wrapper (e.g. div) for the accordion fluid such that when accordion expands the wrapper height extends as well. Or you may add a dummy div after the accordion wrapper which will change in height when accordion is opened thus pushing the footer down.

Solution 3:

set relative position for your footer.

position:relative

Happy Coding:)

Share

You may like these posts

• 
  Strange Safari Rendering Issues, And Low Performance On Other Browsers
• 
  How To Vertically Align A Button Text That Uses The "vh" Units?
• 
  Image Auto Rotates While Reading Url From File Upload (when It's A Big Image)?
• 
  CSS: Stop Second Child (paragraph) From Enlarging Width Of Parent