links within jQuery accordion don't work

links within jQuery accordion don't work

Hi all,

I'm new to jQuery and with quite some struggle I've managed to create a jQuery accordion in which I can put any module as I please. The accordion works perfectly, but when i click on any link within the accordion (other then the headers), the accordion box will just close and for the rest nothing........

I've seen all the other solutions, but because of the dynamic nature of my accordion (placing any module within), I can't use those solutions.

My accordion code looks like this:

Code:
$(document).ready(function() {  
   $('#accordion').accordion() ({
      header: '.heading',
      autoheight: false   
   });            
});







Code:
<ul id="accordion">
   <li><a class="heading">ICT Tips</a>
      <div id="ICTTips"><jdoc:include type="modules" name="ICTTips" style="xhtml" /></div>
   </li>
   <li><a class="heading" >ICT FAQ</a>
      <div id="ICTFAQ"><jdoc:include type="modules" name="ICTFAQ" style="xhtml" /></div>
   </li>
   <li><a class="heading" >Onderhoudsschema</a>
      <div id="Onderhoud"><jdoc:include type="modules" name="Onderhoud" style="xhtml" /></div>
   </li>
</ul>











I could REALLY use some help with this one  

Thanks in advance