Hey guys, I was browsing the web a bit and came across a site that had a table that was like 100 feet tall that had a ton of links all ordered by theme. I thought

My Thoughts wrote:

Hey , Wouldn't it look alot better, take less space, and be more organized, if that info was stored in an expanding list?

Anyway, long story short I came around to figuring a way to make an expanding list with Javascript, CSS, and some <div>'s. I thought I might share it with you guys because I think it's cool and useful .

NOTE: **IMG ID** and **DIV ID** should be the same in both places. Use something like 'wowimg' and 'wowdiv' so that the two related things can be more organized looking when reviewed.

The cool thing about this is that it is a singular function for every expanding section. You can make a whole tree (expanding sections within expanding sections) as long as each expansion has it's own unique Div id and img id, because that is the information used in the function.

So, go ahead, use it if you like...or don't if you don't want to! But either way, tell me what you think

Oh by the way, click my sig, then navigate to the 'our favorite links' page to see an example.

binsmyth

thanks for this script it is really really useful. and come to think of it really simple. This is the best tutorial that i got for the tree navigation. 3 simple scripts worked excellently. Because it is not completed I can use it in different form and modify according to my needs like put it in a php. make it like a function in a php etc.
Thanks

reneuend

Hey. I tried out your code. It works well and you left it so I can design as needed. Not only does it work, but it is a simple solution unlike the multitudes that I found out on the web.