在HTML頁面中顯示不可見元素

-2

我有一個HTML頁面。假設有某個地方在哪裏寫的HTML頁面，在HTML頁面中顯示不可見元素

要查看帳戶「點擊這裏」

「點擊這裏」是這裏的按鈕。現在，當我點擊該按鈕時，一個文本框應該出現在同一頁面的「帳戶號.............'&提交按鈕。默認情況下，文本框&按鈕將不可見。只有當我點擊'點擊這裏'按鈕它會出現。

選擇一個選項... & NBSP

 <font face="Courier New" size="5" color="grey"> &nbsp * To view all the details of your account </font> <input type="submit" value="Click here" name="Visit Acc" /> <br> <br> 

     <font face="Courier New" size="5" color="grey"> &nbsp * To know about your current balance </font> <input type="submit" value="Click here" name="Balance Enquiry" /> <br> <br> 

     <font face="Courier New" size="5" color="grey"> &nbsp * To transfer money in another account </font> <input type="submit" value="Click here" name="Transfer Money" /> <br> <br> 

     <font face="Courier New" size="5" color="grey"> &nbsp * To get your Mini Statement </font> <input type="submit" value="Click here" name="Mini Statement" /> 

    Now if I put a button there I want it to be unvisible by default. Only when i click on any of the 'click here' button that new text box & button would appear.

誰能幫助？

來源

2013-11-03 user007

請發表您迄今嘗試過的內容。 – Waclock

它在JavaScript中執行此操作非常容易，但[jQuery]（http://jquery.com）易於使用，並且可以輕鬆完成。 – Moob

爲了最大限度地利用StackOverflow，在問問題時最好問問你具體是什麼問題，並且顯示*你已經嘗試了*。簡單地描述你的家庭作業問題不會很順利。 StackOverflow適用於那些你*嘗試失敗*並需要幫助的問題。 –

您可以使用CSS和jQuery的組合，這樣的：

CSS

#hiddenbox { 
    display: none; 
}

HTML

<button id="show-box">Click here</button> 
<div id="hiddenbox">Something here</div><!-- This box is hidden by default -->

jQuery的

$(document).ready(function() { 
    $('#show-box').click(function(e) { 
     e.preventDefault(); 
     $('#hiddenbox').show(); 
    }); 
});

顯然，你需要確保你有jQuery庫包括等，但這是你將如何開始！

希望它有幫助！ Dom

來源

2013-11-03 20:50:24

在HTML頁面中顯示不可見元素

回答

相關問題