jquery - 他の場所がクリックされたときにオフにする

Question

簡単にアクセスしたくない重要なアクションを含むULがあります。ul は jquery で非表示になり、リンクをクリックすると切り替えられてオプションが表示されます。ユーザーがオプションをクリックできるようにしたいのですが、ULがまだトグルされている間にページの他の場所をクリックすると、ULはトグルされて再び非表示になります

<a href="#" id="property-option-handle">Options</a>

<ul id="property-options">
    <li><a href="#">Delete Property</a></li>
    <li><a href="#">Archive Property</a></li>
</ul>

$('#property-options').hide();
$("#property-option-handle").click(function() {
    $('#property-options').slideToggle("slow");
});

ここに私の jsFiddle がありますhttp://jsfiddle.net/TEBeM/