Need help with a number of effects
the demo page = www.play.pylon.ca you can see the css there too in the source. What I'm trying to accomplish is when "Snap Shots" is clicked then the wrapper fades away and the footer slides down. Also, when all of this is happening the "snap shots" rectangle along with the empty rectangle to the right of it has to stay. I tried looking into hiding and showing divs via some javascript and I just can't seem to figure it out. For example:
<script>
$("#nav .nav_block h3 a").click(function () {
$("#footer").hide("slow");
});
</script>
like this doesn't work and I'm almost positive I'm targeting it correctly...also I can't use flash for this it has to be purely jquery stuff.
I'll also note that when "snap shots" is clicked the text has to change as when everything fades/hides it now becomes a gallery page where the empty rectangle to the right has some dots to navigate through the images and clicking on the left rectangle will have a reverse effect where things fade back in and whatnot to look like how it is now....
sounds complicated and I'm a newb at this so I'm hoping for some good direction >_<