Menu na toggle [problem] Opcje

[bogdanos]

Witam,
mam oto takie menu, które napisałem sam, tak więc jest ono najprostsze jakie potrafię zbudować:

[HTML] pobierz, plaintext 
<div class="userAccount">Menu <img src="img/arr.png" width="5" height="3" /></div>
			<div class="menuPosition_user">
					<ul class="userMenu">
						<li>
							<a href="#" class="Ulink" style="margin-top:6px;"><span>Opcja 1</span></a>
						</li>
 
						<li>
							<a href="#" class="Ulink"><span>Opcja 2</span></a>
						</li>
					</ul>
			</div>
</div>
[HTML] pobierz, plaintext 

poniżej JS

[PHP] pobierz, plaintext 
$(document).ready(function() {
 
	$('.menuPosition_user').hide();
 
    $('.userAccount').click(function() { //first menu
		$('.menuPosition_user').toggle();
	});
 
});
 
[PHP] pobierz, plaintext 

użyłem PHP bo nie ma JS,
a problem polega na tym, że jak kliknę na zewnątrz menu, czyli gdzieś na body kliknę to menu się nie chowa tylko ciągle jest otwarte,
co trzeba zrobić, żeby po kliknięciu gdziekolwiek na body (oprócz kontenerka z menu) owe menu się schowało?
Z góry dzięki

Problem rozwiązany, pomoc nie potrzebna

[frani0]

Myślę, że to powinno zadziałać:

[HTML] pobierz, plaintext 
$(document).mousedown(function(){
      $('.menuPosition_user').hide();
});
[HTML] pobierz, plaintext