Slide DIV

[Luke]

Googled. Only confused me more.

http://lukebateson.com

At the bottom I have a footer with a 'navigation'. It has 'sub links' under the social category. I want the div to start lower down, and slide up, when clicking the social button, anyone know how I could do this?

Thanks
Luke

[HotelUser]

Something like this http://develop.davzy.com/lukebateson ?

Some things to consider:
1. I've removed the margins on the images
2. I've created a section after #container called #links to store each group of links
3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
6. All CSS modifications and javascript I've put comments on


download zip

[Luke]

You sir, are an utter legend. Thank you so much!

[Luke]

Something like this http://develop.davzy.com/lukebateson ?

Some things to consider:
1. I've removed the margins on the images
2. I've created a section after #container called #links to store each group of links
3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
6. All CSS modifications and javascript I've put comments on


download zip

Edit; just noticed, there's a scoll bar, is there a way to stop that?

[HotelUser]

Edit; just noticed, there's a scoll bar, is there a way to stop that?

Add

top: -1000px;

to the styling for #links.

[Luke]

Add

top: -1000px;

to the styling for #links.

Again, Many Thanks!