2011-09-30 75 views
0

我有這個jQuery導航我正在建設的一些問題。當你點擊「Find zip」時,郵政編碼查找器應該降到175px,然後再次點擊時,回到90px。麻煩點擊切換動畫

這套裝置在第一次使用時非常完美,但是它在之後不久就卡住了90px。經過一段時間的遊戲後,它會連續播放動畫,不中斷,不點擊。有誰知道我做錯了什麼?先謝謝您的幫助。

$(document).ready(function() { 

$('a#find-zip').click(function(event) { 
    $("div#zip-drop").toggle().stop().animate({ top: 180 }, { duration: 'slow', easing: 'easeOutBack'}) 
    $("div#zip-drop").toggle().stop().animate({ top: 90 }, { duration: 'slow', easing: 'easeOutBack'}) 
}); 

回答

2
$(document).ready(function() { 

    var toggle = true; 

    $('a#find-zip').click(function(event) { 
    if (toggle === true){ 
     $("div#zip-drop").animate({ top: 180 }, { duration: 'slow', easing: 'easeOutBack'}); 
     toggle = false; 
    } 

    else{ 
     $("div#zip-drop").animate({ top: 90 }, { duration: 'slow', easing: 'easeOutBack'}); 
     toggle = true; 
    } 
    }); 
}); 
+0

啊,我總是忘記使用VAR。非常感謝! – Shopmelk