2

私は、このサイトの素晴らしいチャップスとチャペスの助けを借りて、ここまで来ました。

$(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に成長し、オーバーフローを目に見えるように設定します-素敵です。ただし、元に戻すボタンを追加しました。ある程度は機能しますが、通常のサイズになるとすぐに再び成長します！私はコーディングにかなり慣れていません - どこかで停止する必要がありますか?!?!?!

みんなありがとう。

4

1 に答える 1

4

joinCloseが の子である場合、 に伝播しないようにする必要joinがあります。stopPropagationjoinClosejoin

$('#joinClose').click(function(e) {
    e.stopPropagation();
    ...
于 2012-05-23T19:36:01.030 に答える