отобразить список в меню

[MAX722]

Добрый день!
Подскажите пожалуйста как сделать чтобы при загрузки странички список активной категории меню не был скрыт.
Например: загрузилась страничка «категория 2» или подкатегория 2.1, 2.2….. меню выглядело так:

Категория 1
Категория 2
-подкатегория 2.1
-подкатегория 2.2
-подкатегория 3.2
Категория 3

<script type="text/javascript">
function ShowOrHide(obj) {
    var ul = obj.parentNode.getElementsByTagName('ul')[0];
    ul.style.display = (ul.style.display!='block')?('block'):('none');
}
</script>

<ul>

 <li>
    <a href="#" onclick="ShowOrHide(this)">Категория 1</a>
        <ul>
            <li><a href="#">Под-категория 1.1</a></li>
            <li><a href="#">Под-категория 1.2</a></li>
            <li><a href="#">Под-категория 2.3</a></li>            
        </ul>
  </li>
     
  <li>
        <a href="#" onclick="ShowOrHide(this)">Категория 2</a>
        <ul>
            <li><a href="#">Под-категория 2.1</a></li>
            <li><a href="#">Под-категория 2.2</a></li>
            <li><a href="#">Под-категория 3.3</a></li>            
        </ul>
  </li>
  
  <li>
        <a href="#" onclick="ShowOrHide(this)">Категория 3</a>
        <ul>
            <li><a href="#">Под-категория 3.1</a></li>
            <li><a href="#">Под-категория 2.2</a></li>
            <li><a href="#">Под-категория 3.3</a></li>            
        </ul>
  </li>