treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Table's content won't "PUSH" down other DIVS

  • Hi all,
    I am using the wonderful jquery plugin called Jexpand from http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx What I need it to do, when clicked, is to push down the rest of the content divs on the page instead of just overlapping them. I posted a demo of my problem here: http://www.originallyricsformusic.com/sampledemo.html As you can see, when you click to show the extra content, it just overlaps the two test divs and/or my footer div below it. Is there any way to make it just PUSH those divs down when it's clicked? I have tried playing around with margins and paddings on the divs, but I cannot get anything to work. Any ideas?
    Thanks in advance!
  • It seems as if you have fixed the problem, since it "pushes" down the divs in Firefox and IE7, however, the show/hide button doesn't work in IE8.