2012-05-23 33 views
2

我已经在这个网站得到援助以卓越的皮裤和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套溢出可见 - 可爱。然而,我已经添加了一个按钮来恢复。它有点作品,但一旦达到正常尺寸,它就会再次成长!我对编码很新颖 - 我需要在某处停下来吗?!?!?!

谢谢你们。

+1

查看www.jsfiddle.net。这是一个非常方便的工具,用来演示你想要做什么。 – SomeKittens

+1

你可以发布你的HTML吗? – bygrace

+0

发生这种情况是因为#join元素的.click侦听器由于某种原因而被触发。你忘了一个“;”在第6行;) –

回答

4

如果joinClosejoin一个孩子,你需要stopPropagationjoinClose,以防止它传播到join

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

是的。我会尝试的。 –