I added delete and edit link to the accordion header, yet those links are not working since every time i click on them the accordion open. And advice on how can I do it? Note that I'm doing nested accordion. this is how i defined it on js:
$("#acc2").accordion({ alwaysOpen: false,active: false,autoheight: false,
header: 'h3.ui-accordion2-header',clearStyle: true,
event: 'click' });
and on html I have it like this:
<div class="ui-accordion2-group">
<h3 class="ui-accordion2-header">
<table border=0 width=100% class= 'DarkGray12' >
<tr>
<td>
<a href="javascript:toggel_new_activity('1');">Section Title</a>
</td>
<td align='right'>
<table border=0>
<tr>
<td>
<a href="javascript:toggel_new_activity('1');">New Activity</a>
</td>
<td>
<a href='#'>Edit</a>
</td>
<td>
<a href='#'>Delete</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</h3>
</div>