How can I make DIVs do this with jquery?

dentrino

New Member
I am trying to reproduce the lock function on posts on facebook with jquery and php/mysql.Below is an image showing the different actions it does when clicked on.I think you would do somehing like on hover, show a hidden div with a tooltip, on hover off remove it. On click event show another hidden div but somehow has to change the button's colors as well. When the menu div is clicked open it has a menu and if any of these are clicked it needs to send the result to backend script with ajax. After clicking an option or clicking outside of the divs it will hide all the divs, maybe it is just a click anywhere closes it so maybe a toggle can be used? Can anyone clarify I am going in the right direction. I havent used jquery very much or javascript. Any examples of something like this or help would be greatly appreciated.
screenshot2b166.png
 
Top