-4

これはかなり基本的なことですが、私は JavaScript が苦手です。

私は次のページに取り組んでいます: http://mockingbirdagency.com/thebox/bettercss/login-1.html

以下の関数で。

<script type="text/javascript">                                         
$(document).ready(function() {
    $('#button-sign-up').click(function() {
        $(this).css("margin-top","10px");
        $('#details').toggle(500);
        $('#container-bloc-center').css("height", "290px")
    });
});
</script>

ボタンをもう一度クリックすると、元の位置に戻りたいのですが、どうすればよいですか?!

4

1 に答える 1

0

CSS の元の状態がわからない場合、CSS への変更を元に戻す方法を簡単に説明することはできません。

CSS で、2 つの要素のマージントップと高さのデフォルトを設定する場合:

#button-sign-up { margin-top:0px; }
#container-bloc-center { height:25px; }

また、代替クラスを提供します。

#button-sign-up.active { margin-top:10px; }
#container-bloc-center.active { height:290px; }

active次に、スクリプトでクラスを切り替えるだけです。

$(document).ready(function() {
    $('#button-sign-up').click(function() {
        $(this).toggleClass("active");
        $('#details').toggle(500);
        $('#container-bloc-center').toggleClass("active");
    });
});
于 2012-12-22T02:23:47.460 に答える