更改对话框中的内容

Question

我正在尝试生成与www.inkling.com相同的功能，当您单击“注册或登录”链接，然后单击“问号”（用于重置密码）时...我认为他们使用一个对话框实现了他们的内容，其内容可以根据用户的选择而改变。

感谢任何帮助！

塔伊沃

Answer 1

只有两个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”，然后用show（）hide（）播放到内部divs

$(".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();
    });