How to show a hidden text box after clicking a link?
<p>I want to show a hidden text box when I click on a certain link.</p>

<p>Here is my code so far:</p>

<p>HTML:</p>

<pre><code>&lt;a onclick="show()"&gt;Add Deposit Threshold&lt;/a&gt;
&lt;div id="dThreshold" style="display:none"&gt;
    &lt;table class="table"&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;b&gt;Deposit Threshold&lt;/b&gt;&lt;/td&gt;
            &lt;td&gt;
                &lt;div class="row"&gt;
                    &lt;div class="col-xs-12"&gt;
                        &lt;input type="text" class="form-control" name="Threshold"&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>JavaScript</p>

<pre><code>&lt;script type="text/javascript"&gt;
function show() {
    document.getElementById("dThreshold").display ="block";
}
&lt;/script&gt;
</code></pre>

<p>I hope you guys can help me. Thank you.</p>