I am trying to come up with a way to make a few divs (and its contents) disappear and make room for a simple animation when a button (start animation) is clicked. Can anyone suggest what the best way to do this would be? Turning the visibility of the divs on/off? jquery animations to set the opacity to zero etc?..
It all depends on how/where these divs are placed, but in general I would just use jQuery. It’s up to you how you want those divs to disappear (move outside the screen, fade out, slide up, etc), there’s very standard functions for that.
Don’t use visibility on/off, cause then even though they’re not visible, the divs are still taking up the space on the page.