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

Question

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

我该如何实现？

谢谢

这只是打开：

$(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);
});