Solved

jquery accordion expand question

Posted on 2011-09-12
5
275 Views
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.

Thanks,

HNM
0
Comment
Question by:HelpNearMe
[X]
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
5 Comments
 
LVL 82

Assisted Solution

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

 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").
0
 

Author Comment

by:HelpNearMe
ID: 36526610
Hielo,

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
0
 
LVL 82

Expert Comment

by:hielo
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.
0
 
LVL 12

Accepted Solution

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

Regards,
Ram
0
 

Author Closing Comment

by:HelpNearMe
ID: 36528213
ramkisan!  It worked thanks!

HNM
0

Featured Post

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to count occurrences of each item in an array.
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.

749 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