jQuery的一個循環

我已經在這個網站得到援助以卓越的皮褲和chapesses遠得到這樣的：jQuery的一個循環

$(document).ready(function() { 
    $('#join').click(function() { 
     $(this).animate({ 
      height: "320px" 
     }, 500, function() { 
      $(this).css('overflow', 'visible'); 
     }); 
    }) 
    $('#joinClose').click(function() { 
     $('#join').animate({ 
      height: "40px" 
     }, 500, function() { 
      $(this).css('overflow', 'hidden'); 
     }); 
    }); 
});

我的DIV的增長來自它在點擊的的40像素的靜態高度，以320套溢出可見 - 可愛。然而，我已經添加了一個按鈕來恢復。它有點作品，但一旦達到正常尺寸，它就會再次成長！我對編碼很新穎 - 我需要在某處停下來嗎？！？！？！

謝謝你們。

來源

2012-05-23 Pete Norris

查看www.jsfiddle.net。這是一個非常方便的工具，用來演示你想要做什麼。 – SomeKittens

你可以發佈你的HTML嗎？ – bygrace

發生這種情況是因爲#join元素的.click偵聽器由於某種原因而被觸發。你忘了一個「;」在第6行;） –

如果joinClose是join一個孩子，你需要stopPropagation上joinClose，以防止它傳播到join。

$('#joinClose').click(function(e) { 
    e.stopPropagation(); 
    ...

來源

2012-05-23 19:36:01

是的。我會嘗試的。 –

jQuery的一個循環

回答

相關問題