I think you are looking for this take a look.
I think you are looking for this take a look Working demo You just have to add the below class and on li click just set the color of the li element you click thats it . NavContainer li:hover{ color:#d49a9a } JS $(". NavContainer li").
Click( function() { $(this). Css("color", "#d49a9a"); }).
Thats exactly what I want! – max_ Sep 7 at 0:43 Kool, vote and mark it as an answer whenever you can. – ShankarSangoli Sep 7 at 0:44 your solution doesn't remove the click color, once you've clicked another element.
Click more than one, and they all turn the click color even though they are not all the "active click" my solution addresses this. – Francis Von Awesomesauce Sep 7 at 0:46 @Francis - That is what OP is looking for. – ShankarSangoli Sep 7 at 0:52.
I would suggest you using this kind of markup to achieve that. You don't want jQuery at all! Menu1 Menu2 Menu3 Then add CSS like this li{float:left; position:relative;width:60px; height:20px; background:#ccc; border:1px solid black;} .
Dropdown{position:absolute; width:300px; height:200px; border:1px solid #ccc; background:#444; display:none;} li:hover . Dropdown{display:block;} See in action With that mark up you will have li:hover enabled in all the time menu is open. You should add submenus under menu tree.
If you want have better UX you can use jQuery hover intent plugin to delay the hover.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.