更改對話框中的內容

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