jquery - ダイアログ ボックスの内容を変更する

Question

「サインアップまたはログイン」リンクをクリックしてから「疑問符」（パスワードをリセットするためのもの）をクリックしたときにwww.inkling.comが持つのと同じ機能を生成しようとしています...ユーザーの選択に基づいて内容を変更できるダイアログ ボックスを実装しました。

どんな助けでも大歓迎です！

大王

Answer 1

2 つの div を非表示にするだけです。リンクをクリックすると一方が表示され、次に疑問符をクリックすると、それを非表示にしてから他方を表示します...

ここに説明するフィドルがあります - http://jsfiddle.net/Dj8xG/

jquery

$('#signup').click(function(){
    $('#login').show();
});

$('#forgot').click(function(){
    $('#login').hide();
    $('#reset').show();
});

Answer 2

CSSを知っている場合は、次の基本構造が必要です。

<div id="float_content" style="position:absolute">
    <div id="login">
        <a href="#" class="first_mark">?</a>        
    </div>

    <div id="forgot" style="display:none">
        <a href="#" class="second_mark">?</a>   
    </div>
</div>

最初にメインdiv「float_content」を受け取り、次に内部divに対してshow（）hide（）で遊ぶ必要があります

$(".first_mark").live('click', function(e)
       {
                e.preventDefault();
        $(this).closest("div").hide();
                $("#forgot").show();
    });


$(".second_mark").live('click', function(e)
       {
                e.preventDefault();
        $(this).closest("div").hide();
                $("#login").show();
    });