title: How to make only specific text clickable on accordion header - jquery?
body: <p>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:</p>
  
  <pre><code>$("#acc2").accordion({  alwaysOpen: false,active: false,autoheight: false,
              header: 'h3.ui-accordion2-header',clearStyle: true,
               event: 'click' });
  </code></pre>
  
  <p>and on html I have it like this:</p>
  
  <pre><code>&lt;div class="ui-accordion2-group"&gt;
    &lt;h3 class="ui-accordion2-header"&gt;
    &lt;table border=0 width=100% class= 'DarkGray12'  &gt;
      &lt;tr&gt;
        &lt;td&gt;
        &lt;a href="javascript:toggel_new_activity('1');"&gt;Section Title&lt;/a&gt;
        &lt;/td&gt;
        &lt;td align='right'&gt;
          &lt;table border=0&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;a href="javascript:toggel_new_activity('1');"&gt;New Activity&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;a href='#'&gt;Edit&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;a href='#'&gt;Delete&lt;/a&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/table&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
    &lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>