When user clicks on "Profile" the sub-navigation shows with jQuery, and when clicks the "Profile" button again, the sub-navigation fades away… In addition when "Profile" button is clicked, it receives a grey background color for its box-model as well as the text turns white from black.. Similar functionality to your title bar dropdowns in your Mac OS Leopard.
Issue: Right now, the only way to deactivate (fade away) the sub-navigation is for the user to click the profile button and the sub-nav fades away. However, the "Profile" button with its grey background and white text still remains. So, I would like for everything to go back to its normal unclicked state when the profile button is deactivated. Also, just like in an operating system, i.e. Mac/Windows, when you click anywhere else on the screen the dropdown list deactivates in the same way as if you were to click the button (in this case Profile) to deactivate it. I would like this to also trigger the same response.
a little bit better…
I can’t get .selectedfontcolor to work. Also, I would like for .selectedbgcolor to fadeOut just like the sub-nav does instead of just being removed.. I’m new to jQuery and JS so excuse me if I don’t know what I am doing :)