?
Solved

jquery accordion expand question

Posted on 2011-09-12
5
Medium Priority
?
285 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 200 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 1800 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

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

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

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

752 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