Solved

jquery accordion expand question

Posted on 2011-09-12
5
274 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
  • 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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
html input 8 42
Asp in script 6 37
jQuery on Submit 4 41
Character counter breaks after adding EmojiOne Area 4 19
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

856 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