jquery - 点击时的jQuery反向动画

Question

浏览了一些现有的问题，他们帮助我做到了这一点，但仍然无法让它发挥作用。

$('#languageSelctor').click(function()
{
    $('#languageList').toggle(function()
    {
        $(this).animate({"top": "20px"},500);
    },  function() 
    {
        $(this).animate({"top": "-100px"},500);
    });
});

设法将上面的代码放在一起，但现在它不起作用。所以当有人点击languageSelctor时，languageList需要出现，然后如果他们再次点击languageList就会消失。

Answer 1

$('#languageSelctor').click(function() {
    var $language = $('#languageList'),
        top = $language.css('top') === '-100px' ? '20px' : '-100px';
    $language.stop().animate({top: top}, 500);  
});

Answer 2

您可以简单地使用它来隐藏和显示内容。

$('#languageSelctor').click(function()
{
    $('#languageList').toggle();
});

$('#languageList').click(function()
{
    $(this).hide();
});

.toggle()