Question

i have not come across a multilevel menu that based on clicking to open the submenus because most of the existings ones are using hover effect. Could anyone point out to me where i could find a tutorial? I have all the tags ready made but do not know how to utilize jquery to make it work as the normal multilevel menu. Thanks in advance

<ul id="suckertree1">

<li><a href='javascript:void(0)' target='_top'>Another child asd asd asd asd ad adas dasfe a sde fea rea</a>
    <ul class=''>
        <li><a href='http://localhost/private/product/40' target='_top'>cceeeeeooo</a></li>
        <li><a href='http://localhost/private/product/13' target='_top'>child of</a></li>
        <li><a href='javascript:void(0)' target='_top'>eawaa 5</a>
            <ul class=''>
                <li><a href='http://localhost/private/product/19' target='_top'>cccc</a></li>
            </ul>
        </li>
        <li><a href='http://localhost/private/product/14' target='_top'>errrr</a></li>
        <li><a href='http://localhost/private/product/2' target='_top'>jonni</a></li>
        <li><a href='http://localhost/private/product/29' target='_top'>Lumpur</a></li>
        <li><a href='http://localhost/private/product/41' target='_top'>makemefeel</a></li>
        <li><a href='http://localhost/private/product/16' target='_top'>sadsadsa</a></li>
    </ul>
</li>
</ul>

Answer 1

Don’t know of a tutorial but here is an example.
Very quick – rather dirty but I hope it will get you on the right track.
The reason I have included <span />s is so you can still follow the top level link. It is also used to gives a visual cue.

Depending on your design you may want to include a bit of code to hide the drop down when you click elsewhere on the document.

Hope this helps