How can I get this content to move down?

Head out to http://www.nomasinternational.org/ceu_0001_testing.php and click on "View Series Four Courses." It' the big purpled button about the middle of the page.

You'll notice how the content moves down and makes room for what's being exposed. It's using JQuery to move things down which is exactly what I need to occur when the user clicks on the blue button at the bottom of all that explanatory text where it says, "To purchase, click here."

The content that is revealed goes over the already existing content rather than push it down.

How do I make the existing page content move down?

Thanks!

Here's a screenshot:

screenshot
brucegustPHP DeveloperAsked:
Who is Participating?
 
gr8gonzoConsultantCommented:
The problem is CSS. When you expand the section, it's giving the section a fixed height, so the <div> becomes:

<div class="CollapsibleCoursesContent" style="display: block; visibility: visible; height: 452px;">

If you remove that height attribute when expanding, things should properly move around on the screen.
0
 
brucegustPHP DeveloperAuthor Commented:
BOOM!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.