Slide DIV

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

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

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

Quote:

---

Originally Posted by 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

---

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

Quote:

---

Originally Posted by Luke

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

---

Add

Code:

---

top: -1000px;

---

to the styling for #links.

Quote:

---

Originally Posted by HotelUser

Add

Code:

---

top: -1000px;

---

to the styling for #links.

---

Again, Many Thanks!