jquery accordion expand question

Posted on 2011-09-12
Last Modified: 2012-05-12
Hi experts,

When an accordion expands, how can I have it push the div below it to displace it?  Currently when the accordion expands the contents appear over the div below.  I'd like the div below to slide down to make room.


Question by:HelpNearMe
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
LVL 82

Assisted Solution

hielo earned 50 total points
ID: 36526401
Can you provide a link to your page?  This sounds like a css problem. Try explicitly setting:

 in your css for each of your "panes". (Or conversely, if you are setting the positioning of your "panes" to something other than static, try removing said definition - since by default the position is "static").

Author Comment

ID: 36526610

thanks for the help.  I don't want the url posted because google will index it.  I have attached a text file with the url inside.

HNM test.txt
LVL 82

Expert Comment

ID: 36527065
>> Currently when the accordion expands the contents appear over the div below.  I'd like the div below to slide down to make room.
I do not see the behaviour you are describing.  I tried in Firefox and IE.
LVL 12

Accepted Solution

Ramkisan Jagtap earned 450 total points
ID: 36528182
There is a problem in your CSS. Please remove height="25" from css class midPromoAccordionC.


Author Closing Comment

ID: 36528213
ramkisan!  It worked thanks!


Featured Post

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question