Help with Jquery code repeat

[mulaus]

Hi

i have a menu using the jquery code below

the menu will show tooltip when the mouse is click over a list in the menu
then tooltip will hide when we click the list or the tooltip




//show tooltip when the mouse is click over a list element
$("ul#social li").click(function() {
$(this).find("div").fadeIn("fast").show(); //add 'show()'' for IE
$(this).click(function () { //hide tooltip when the click moves off of the element
$(this).find("div").hide();
});
});


The problem

1. I click a list in menu, a tool tip appear
2. click the tooltip/list the tooltip disappear
3. reclick the list in #1 the tooltip does not reappear
4. have to refresh page or click the list menu several time
only then tooltip will reappear again

how do i repeat code ? so the list is clickable
what do i need to add in the code ? TQ

[Beverleyh]

What's your markup?

Better still, can you post a link to your page? (upload a sample page to a test area so you can delete it afterwards)

[mulaus]

my page (http://mulaus.5gbfree.com/)..

just notice one more problem, when i click a list with tooltip..then click another list with tooltip the previous tooltip is not close automatically

[mulaus]

this is the original script
http://www.pvmgarage.com/2009/12/nice-and-simple-toolbar-for-your-website-with-css3-and-jquery/

i have modified to be like this
http://mulaus.5gbfree.com/

still trying this but still not working properly