[jQuery] ajax tabs: Making the tab contain more than just text
Hi,
I want my tab to consist of both text, and a graphic (which will serve
as a "Delete Tab" function). However, I discovered that trying to add
in the graphic button does more harm than good (in other words tabs do
not display or function properly). Here's what I did:
<div id="container">
<ul>
<li id="tab1"><a href="draw_modules.php?tab_id=1">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>General <span id="moduleCount1" class="moduleCount">(7)</span></
td>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><a href='javascript:void(0);' class="deleteTab"><img
src="images/miniclose.GIF" border="0" alt="Delete Tab"></a></td></tr>
<tr><td></td></tr>
</table>
</td>
</tr>
</table>
</a></li>
...
</ul>
</div>
What is the better way of doing this?
Thanks, - Dave