I need to show/hide a section of text and controls in a visual web part when a button is clicked. I've seen references to doing this via JS but can't connect the dots for how to integrate that into the web part. The examples are all for straight ASP development where you can register the script in the page header.
Basically I have a region inside an UpdatePanel like this...
<asp:Button ID="Show" runat="server" OnClick="Show_Click" Text="Show" /> <asp:Button ID="Hide" runat="server" OnClick="Hide_Click" Text="Hide" /> <div id="div000"> <strong>Phase 1</strong> <br /> <asp:CheckBox ID="CheckBox1" runat="server" Text="Pre-Sales/Sales" /> <br /> <asp:CheckBox ID="CheckBox2" runat="server" Text="Web Search" /> </div>
...and I need the button click events to set that div to visible/hidden. I've read that a simple JS function is the way to go but I'm confused about exactly where to put it and how to call it, and again, those instructions came from an ASP development site, not a SP development site so I don't know if they still apply in this case.