hiding an element on click of anything else on the page
<p>referring to Franek's question found <a href="http://stackoverflow.com/questions/714471/jquery-hide-element-when-clicked-anywhere-on-the-page" rel="nofollow" title="here">here</a> I have one more question.</p>

<p>The solution on the link above worked for me until I introduced another menu to my page. In this case, there are two menus next to each other. When I click on one of them, the relevant div is displayed showing possible options to select. Then, when I click on the document the div gets closed. But when I click on any other element it is still displayed. </p>

<p>A solution for me would be to run the code to close the menu on any other element click as well as document click. </p>

<p>How can I achieve this ?</p>

<p>(menu: invisible div element that when clicked on its title becomes visible)</p>
