menü tarzında kategorilendirmede problem

Merhaba,
aşağıdaki kodlar sayfa yenilenmeden açılır kapalır menü olarak çalışıyor.
fakat ana kategorilerin altında çıkan alt kategorilere ilk tıklamada içindeki verileri alamıyorum.
ikinci tıklamayı yapmak zorunda kalıyorum.
bunu nasıl engellemiş olurum acaba?

<script type="text/javascript" language="javascript1.2">function goster_gizle(x) {
           if ( document.getElementById(x).style.display == '' ) {
                 document.getElementById(x).style.display = 'none'
           } else {
                 document.getElementById(x).style.display = ''
           }
}
</script>

                                  
<?php
$sor=mysql_query("select * from kategoriler  where ustkat=''");
while($yaz=mysql_fetch_array($sor)){
    $id=$yaz['id'];
    $katadi=$yaz['katadi'];
    echo "<div class=\"ust_menu\"><a href=\"javascript:goster_gizle('alt_menu_".$id."')\">$katadi</a>";
    $sor2=mysql_query("select * from kategoriler where ustkat = '$id'");
    echo "<div class=\"alt_menu\" id=\"alt_menu_".$id."\" style=\"display:none\">";

    while($yaz2=mysql_fetch_array($sor2)){
        $id2=$yaz2['ustkat'];
        $katadi2=$yaz2['katadi'];
		  echo "<p><a href=\"menu.php?id=".$yaz['id']."\">".$katadi2."</a></br>";
        }
        echo "</div>";
        echo "</div>";
    } 
?>

yazıları çekerken kullandığım kod aşağıdaki gibi:
aşagıdaki linkte tam olarak ne yapmak istediğimi görebilirsiniz.

www.seki.gen.tr/demo/index.php

<?
$id=$_GET["id"];
include ("baglan.php");
$sor=mysql_query("SELECT * FROM yazilar where (altkatagoriid=$id)");  
while($yaz=mysql_fetch_array($sor)){
$id=$yaz['id'];
$baslik=$yaz['baslik'];
$makale=$yaz['yazi_metni'];
$tarih=$yaz['tarih'];
$katagoriid=$yaz['katagoriid'];
$altkatagoriid=$yaz['altkatagoriid'];

	$katcek=mysql_fetch_array(mysql_query("select * from kategoriler where id='$altkatagoriid'"));
	$altkatcek=mysql_fetch_array(mysql_query("select * from kategoriler  where id='$altkatagoriid'"));
	$katadi=$katcek['katadi'];
	$altkatadi=$altkatcek['altkatadi'];
	echo "<p class='style3'>".$baslik."<p><br>";
	echo "<p class='style3'>".$makale."<p><br>";
	}

?>

display özelliğini block ve none şeklinde yaparsaniz probleminiz büyük ihitmalle düzelir

aşağıdaki gibi yaptım, block'ların yerlerini değiştirdim falan birkaç şekilde denedim yine aynı sonuç

<script type="text/javascript" language="javascript1.2">
                                  </script>
                                 
                                  <script type="text/javascript" language="javascript1.2">function goster_gizle(x) {
           if ( document.getElementById(x).style.display == 'block' ) {
                 document.getElementById(x).style.display = 'none'
           } else {
                 document.getElementById(x).style.display = 'block'
           }
}
</script>

<script language="javascript">
function goster_gizle(x) {
	if ( document.getElementById(x).style.display == 'block' ) {
      	document.getElementById(x).style.display = 'none'
	} else {
		document.getElementById(x).style.display = 'block'
	}
}
</script>  
<div id="ustmenu1" onclick="goster_gizle('altmenu1');">&Uuml;st Men&uuml;</div>
<div id="altmenu1" style="display:none;">
bilgiler yer alır
</div>

Verdiginiz linkte normal çalışıyor bu arada

alt kategoriye iki kez tıklamak gerekiyor, kimse ikinci kez tıklamaz ki.sitede içerik yok diye kapatır.çok kıl bir sorun ya bu.
tamamen başka bir yöntemle yapamaz mıyız böyle bir işlemi ?
Kategori Adı
- Alt Kategori Adı
=> Kayıtlı veriler

verdiginiz linkte normal calisiyor görüyorum ben
Çağlar Müzik Kursu || Ana Sayfa

hayır benim demek istediğimi anlamadınız.

soldaki kategoriye tıklayın, altında iç kategoriler gelecek.o alt kategoriye tıklayınca sitenin ortasında veri gelmiyor.
ikinci kez aynı alt kategoriye tıklayınca veri işlemeye başlıyor.
buradaki sorun şu kategoriye tıklayınıca alt kategorilerin ID değerlerini ikinci tıklamada veriyor işte.

hocam örnek kelime ile ifade etseniz

mesela Atatürk Köşesi yazısı kategori degil mi?