Question

我有一个HTML页面。假设有一个HTML页面，其中的内容写成，

查看您的帐户“点击此处”

'点击此处'是一个按钮。现在，当我点击按钮时，一个文本框应该显示为“Account No .............”＆amp;同一页面中的提交按钮。默认情况下，文本框＆amp;按钮将是隐形的。只有当我点击“点击此处”按钮时，它才会出现。

选择一个选项...＆amp; 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.

有人可以帮忙吗？

Answer 1

您可以使用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

在HTML页面中显示不可见元素

1 个答案: