单击打开框的同一项后关闭框

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