php + jquery + akordiyon menü + mysql

<?php  
// MySQL Bağlantı  

$kategori = mysql_query("select kat_adi,id from kategoriler where kategoriler.yayinlansin = 'EVET' order by sira asc"); 
echo '<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">';
    while($row=mysql_fetch_assoc($kategori)){ 
echo '<tr><th>'.$row["kat_adi"].'</th></tr>'; 
    $haberler = mysql_query("select haber_baslik,id from haberler where kat_adi = '".$row["id"]."'"); 
    while($irow=mysql_fetch_assoc($haberler)){ 
 echo '<tr><td class="row1">&nbsp;<img src=image/point.gif>&nbsp;<a href="'.seo($irow["haber_baslik"]).'-s'.seo($irow["id"]).'.html">'.$irow["haber_baslik"].'</a></td></tr>'; 
            } 
    } 
echo '</table>';  

?>

böyle bir sql sorgulu menüm var ben buna akordiyon menü yapmak istiyorum ama bir türlü beceremedim yardımcı olabilecek arkadaşlar var mı yapmak istediğim menü şu

More Showing, More Hiding Learning jQuery - Tips, Techniques, Tutorials

kategoriye tıklandığında kategori altındaki yazıları gösterecek ben yaptığımda tek kategori ve tek yazı geliyor. bunu tüm yazıları göstermesi için nasıl uyarlıyacağım ?

akordion menünün çok fazla bir entestanesi yok. jquery vs dahil ettiniz mi kodlariniza. ilgili javascript kodlarini yazdiniz mi?

jquery dahil ettim java script kodlarınıda dahil ettim çalışıyo ancak kategorilere eklenmiş başlıkları göstermiyor. tek bitane gösteriyo diğerleri gelmiyor.

verdiginiz link sayfasina bakarsaniz table degil div ve h taglari kullanmalisiniz

     <div class="demo-show">
   2.
        <h3>Title 1</h3>
   3.
        <div>Lorem...</div>
   4.
        <h3>Title 2</h3>
   5.
        <div>Ipsum...</div>
   6.
        <h3>Title 3</h3>
   7.
        <div>Dolor...</div>
   8.
      </div>

öylede kullandım ama döngü olduğu için sadece ilkleri gösteriyor devamı gelmiyor