Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
So i’ve been having some troubles getting this effect to work. Here is an image of what I am attempting. It seems like it would be pretty simple, but not sure exactly what to be searching for.
The active link is the Red one in the image, and when you would hover over the other links, I would like it to expand up.
https://i.stack.imgur.com/5JitP.png
Any help would be greatly appreciated.
DEMO: http://jsfiddle.net/vChNU/
So I’ve created a quick example of the effect (from my understanding) that you’re trying to achieve.
The code should be self explanatory, but if you need more of an explanation, please ask.
Can also be achieved with percentages, which saves the problem of figuring out the height of the parent
li. http://jsfiddle.net/vChNU/1/Also, your question suggests you’d also like an active state: http://jsfiddle.net/vChNU/2/