jquery - 单击打开框的相同项目后关闭框

Question

当我单击一个项目时，会出现一个框。我知道如何单击不同的项目，但如果可能的话，当我再次单击同一个项目时它应该关闭。

我怎样才能实现？

谢谢

这只是打开：

$(document).ready(function()
{
    $('#default_search').click(function(event)
    {
        $('#search').fadeIn(500);
        event.stopPropagation();
    });
});

这立即打开和关闭，这是错误的：

$(document).ready(function()
{
    $('#default_search').click(function(event)
    {
        $('#search').fadeIn(500);
        event.stopPropagation();
    });

    $('#default_search').click(function(event)
    {
        $('#search').fadeOut(500);
        event.stopPropagation();
    });
});

Answer 1

不要对同一个元素使用 2 次点击事件。使用fadeToggle()

$('#default_search').click(function(event)
{
    $('#search').fadeToggle(500);
});