Solved

jquery accordion expand question

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

3 Use Cases for Connected Systems

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

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Parallax 1 38
iframe detection of parent window scale 20 59
Reference Error with plugin 1 30
Regular Expression Calculator Tester 2 48
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article discusses how to create an extensible mechanism for linked drop downs.
This video teaches users how to migrate an existing Wordpress website to a new domain.
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)

930 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now