点击时的 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);  
});