# \*\*.parentNode.onclick

**URL:** <https://forum.kirupa.com/t/parentnode-onclick/237955>\
**Category:** web dev\
**Created:** [September 5, 2007, 8:15pm UTC](https://forum.kirupa.com/t/parentnode-onclick/237955 "2007-09-05T20:15:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nutty](https://avatars.discourse-cdn.com/v4/letter/n/a3d4f5/32.png) [@Nutty](https://forum.kirupa.com/u/Nutty)\
**Post date:** [September 5, 2007, 8:15pm UTC](https://forum.kirupa.com/t/parentnode-onclick/237955/1 "2007-09-05T20:15:18Z")

</div>

Hi,

Hi i’m creating a tree-like menu.  
When i click on the top btn the submenu opens, and when i click again it closes.  
Now, the problem is that if the submenu is open and i click on a submenu item, the submenu closes. I want it to stay open.

this is my menu:

```auto
<ul id="contentMenu" class="contentMenu">
        <li><a>Main settings</a>
            <ul>
                <li><a href="#">Database settings</a></li>
                <li class="last"><a href="##">Administator settings</a></li>
            </ul>
        </li>
        <li><a>User management</a>
            <ul>
                <li><a href="#">New user</a></li>
                <li><a href="#">Edit users</a></li>
                <li class="last"><a href="##">Delete users</a></li>
            </ul>
        </li>
        <li><a href="#">Admin logs</a></li>
</ul>
<script type="text/javascript">createMenu("contentMenu");</script>

```

this is my javascript code:

```php
createMenu = function(menuId) {
    var ulTags=document.getElementById(menuId).getElementsByTagName("ul");
    for(var i=0; i<ulTags.length; i++) {
        ulTags*.parentNode.className="hideSubMenu";
        ulTags*.parentNode.onclick = function(e) { 
            if(this.className=="subMenu") { this.className="hideSubMenu"; } else { this.className="subMenu"; }
        }
    }
}

```

Any help would be appreciated!

thx,  
Waldo