I am trying to create a site that is just a list of items from the top down. Ie – words in large font. All of which are centered on a page.
I would like to be able to have a user click on a word which would then expand a box that shows more information as well as changing the background color and text color across the full length of the page 100%.
Contained in that box would be a narrow container with paragraph info.
First of all i am having trouble setting up my html with the associated divs that might allow for this.
Secondly, I am thinking this will have to happen by jquery.
To solve the underline bumping the container down I simply put a transparent border on the normal state. You could also change the height/line-height for the same effect, but this works well enough.
@wofcry911 struggling with trying to ge the js to automatically cose one expanded div when clicking on another. Also for some reason when closing a div the background color disappears and then the blox slides up. Any idea?