Hide input button

html, javascript, jquery

Solution

Just give the button an ID, and make it start hidden

<input type="submit" id="addButton" value="Add" style="display: none;">

Then use the `show()` jQuery method:

$("#addButton").show();

http://jsfiddle.net/TcFhy/

Problem

Here is the code I have: http://jsfiddle.net/Draven/rEPXM/23/ I'd like to know how I can hide that Add submit button until I click the + image to add input boxes to the form. I don't want to add the submit button next to the input box because I want to be able to add multiple input boxes and submit them all when I click Add. HTML ``` <div id="left"> <div class="box"> <div class="boxtitle"><span class="boxtitleleftgap">&nbsp;</span><span class="boxtitlebulk"><span class="boxtitletext">Folders</span><div style="float: right; margin-top: 4px;"><a href="#" onclick="javascript: AddFolder();"><div class="addplus">&nbsp;</div></a></div></span></div> <div class="boxcontent"> <form method="post" id="folderform" action="page.php?action=list-volunteer-apps" name="folderform"> <a class="even" href="page.php?action=list-volunteer-apps&folder=2">Folder 2 <span class="text">(1)</span></a><a class="even" href="page.php?action=list-volunteer-apps&folder=1">Folder 1 <span class="text">(0)</span></a> <div id="foldercontainer"><input type="submit" value="Add"></div> </form> </div> </div> </div> ``` jQuery ``` function AddFolder() { $('#foldercontainer').append('<input name="folder[]" type="text" size="20" />'); }​ ```

Original source