two buttons display same div. One button has more visibility of options

[Angelica1]

I have two \[code\]<input type=Button>\[/code\] When clicked both will load one dialogue box contained inside a div.I want to add a separate button and text into the div. Which is only viewable when the second button is clicked. Instead of re-writing this one for btn one and one for btn two. How can I make the extra text and button only available if the 2nd btn is clicked.\[code\]<div id="LabourOrPlantDialog" title="Comments" style="display:none;"> <table class="table"> <tr> <th>Item</th> </tr> <tr> <td id="Item"></td> </tr> </table> <br /> <textarea id="ExistingComments" type="text" runat="server" rows="7" cols="30" maxlength="2000"> </textarea> <input id="SubmitComment" type="button" value="http://stackoverflow.com/questions/15574250/Submit" onclick="SubmitButton()" /> <br /><br />\[/code\]//BELOW IS THE TEXT AND BTN I ONLY WANT AVILABLE WHEN 2ND BTN IS CLICKED.\[code\] <input type="text" name="BoqTextBox" /> <input type="AddValueButton" value="http://stackoverflow.com/questions/15574250/+" onclick="Add(BoqTextBox)" /> </div>\[/code\]Some sort of bool im guessing? Have never done this before...any help would be great.ThanksEDIT:\[code\]<input id="SubmitCommentsForOne" type="button" value="http://stackoverflow.com/questions/15574250/Comments" onclick="ShowComment('<%: item.ItemCode %>')" /><input id="SubmitCommentsForTwo" type="button" value="http://stackoverflow.com/questions/15574250/Comments" onclick="ShowComment('<%: item.Number %>')" />var code function ShowCommentBoxForBOQ(Number) { Code = Number; Work.DisplayBoxForBOQ(Number); $("#LabourOrPlantDialog").dialog({ modal: true }); }\[/code\]LabourOrPlantDialog loads the div