单击jQuery反向动画

看了几个现有的问题，他们帮助我做到这一点，但仍然无法使它工作。

$('#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（）