need help with position of hidden menu items

[bossballer]

hi

hope someone can help, and please be gentle i am new to php :-)

 

i have created a simple php menu:

 

<ul>
          <h2><a href="../messekalender.php">Messekalender </a></h2>
        </ul>
        <ul>
          <ul <? if (isset($_GET['mp11']) && $_GET['mp11']==10) { echo 'class="active"'; } else { echo 'class="hidden"'; } ?>>
        <h2><a href="../konowhow.php?mp11=10" <? if (isset($_GET['mp11']) && $_GET['mp11']==10) { echo ' style="text-decoration:underline;"'; } ?>>Kontakt</a></h2>
        <li><a href="../kontakt.php?mp11=10&p10=11" <? if (isset($_GET['p11']) && $_GET['p11']==11) { echo ' style="text-decoration:underline;" '; } ?>>Kontaktformular</a></li>
        <li><a href="../anfahrt.php?mp11=10&p10=12" <? if (isset($_GET['p11']) && $_GET['p11']==12) { echo ' style="text-decoration:underline;" '; } ?>>Anfahrtskizze</a></li>
                </ul>
        <ul>
          <h2><a href="../impressum.php">Impressum</a> </h2>
        </ul>

 

when i click on the link "Impressum" all the sublinks from "Kontakt" hide which is what i wanted. The problem is that the menu doesnt shrink, i.e. the space where the sublinks were stays there. I want the menu to automatically shrink or expand so the space between the menu items is always the same.

 

I hope anyone can help me..

thx