javascript - 如何在点击时和用户点击离开时使用 jquery 隐藏元素？

Question

代码:

<script type="text/javascript">

$(document).ready(function() {
    $('.show_or_hide_link_clicker').click(function() {
        $(".the_box_to_show").fadeIn(400);
    });
});
</script>

当单击“show_or_hide_link_clicker”时，将显示“要显示的框”。如果再次单击 show_or_hide_link_clicker 或当用户单击离开时，如何隐藏它？

更新:这就是我现在正在做的事情:http://jsfiddle.net/nFbnr/

问题:如何删除双击要求以显示 div？

Answer 1

jQuery Toggle这就是您正在寻找的。

$('.the_box_to_show').toggle();