更改对话框中的内容

Question

我试图生成www.inkling.com在点击“注册或登录”链接，然后点击“问号”（用于重置你的密码）...我认为他们通过一个对话框实现了他们的内容，其内容可以根据用户的选择而改变。

任何帮助，不胜感激！

Taiwo

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> 

首先你要recei ve主要div“float_content”，然后使用show（）hide（）与内部div进行游戏

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