Непонятная пауза
 

Всем привет, подскажите, пожалуйста, откуда берется пауза в этом скрпте:

$(document).ready(function() {

            $(".change_language").click(function(e) {
                e.preventDefault();
                if ($("fieldset#menu").css('opacity') == '0') {
					$('fieldset#menu').animate({
						opacity: 1,
						width: "100px",
						height: "100px"			
					}, 500);
				} else {
					$('fieldset#menu').animate({
						opacity: 0,
						width: "0px",
						height: "0px"			
					}, 500);
				}
                $(".change_language").toggleClass("menu-open");
            });

            $("fieldset#menu").mouseup(function() {
                return false
            });
            $(document).mouseup(function(e) {
                if($(e.target).parent("a.change_language").length==0) {
                    $(".change_language").removeClass("menu-open");
                    $("fieldset#menu").animate({
						opacity: 0,
						width: "0px",
						height: "0px"			
					}, 500);
                }
            });            

        });

<div id="select_language">
			<div id="container">
				<div id="topnav"class="topnav"><a href="#" class="change_language"><img class="button" src="templates/{LANG}/{TEMP}/images/languages/{LANG}.png"></a></div>
				<fieldset id="menu">

				</fieldset>
			</div>
		</div>

пауза возникает только при открытии меню. При закрытии паузы нет. Заранее спасибо!

красное уменьшаете вплоть до 0

В данный момент не могу добраться до кода, но если это влияет, то почему при скрытии меню, паузы нет? И разве 500 - это не время анимации, а задержка?

Вот добрался до кода, как я и говорил, уменьшение 500 до 0 привело только к отключению анимации, а пауза перед разворачиванием меню так и осталась...

Все, прошу прощения, проблема решена, была описка в названии класса.

ну ты даешь, братиш