Question

我有一个重要的行动，我不想轻易访问。使用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/

Answer 1

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

$("#property-options").click(function(evt) {
    evt.stopPropagation();
});

$(document).click(function(evt){
    $('#property-options').slideUp("slow");
    evt.stopPropagation();
});

试试这个......一定会有用的。

单击其他位置时关闭

1 个答案: