I am trying to show and hide the tables based on when a user clicks tab 1 or tab 2. I am stuck at the moment and could use some help.I have tried jquery and the ajax control toolkit neither of which work for the master page of my company.
<div class="divAreaTabs" runat="server" id="tabs">
<ul>
<li id="tab1" class="activeTab"><a href="#">Tab 1</a></li>
<li id="tab2"><a href="#">Tab 2</a></li>
<div style="clear: both;"></div>
</ul>
<div class="divAreaTabsContent">
<table width="600" height="400" cellpadding=0 cellspacing=0 runat="server" id="XP">
<tr valign="top">
<td class="TabArea" style="width: 600px">
<br />
<br />
TAB VIEW 1
INSERT YOUR CONENT IN HERE
CHANGE SELECTED IMAGE URL AS NECESSARY
</td>
</tr>
<table width="600" height="400" cellpadding=0 cellspacing=0 runat="server" id="win7">
<tr valign="top">
<td class="TabArea" style="width: 600px">
<br />
<br />
TAB VIEW 2
INSERT YOUR CONENT IN HERE
CHANGE SELECTED IMAGE URL AS NECESSARY
</td>
</tr>
</div>