jquery - 循环中的jquery

Question

我得到了这个网站上非凡的 chapses 和 chapesses 的帮助，才走到了这一步：

$(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 从它的静态高度 40px 增长到点击后的 320 并将溢出设置为可见 - 可爱。但是我添加了一个按钮来恢复。它有点工作，但一旦它达到正常大小，它就会再次增长！我对编码很陌生 - 我需要在某个地方停下来吗？！？！？！

多谢你们。

Answer 1

如果joinClose是 的子级join，则需要stopPropagationonjoinClose以防止它传播到join.

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