Question

this is what i have right now, i want the menu to start up as collapsed, but the “Transaction” tab is always open

        <ul id="menu"> 
                            <li><a href=""> New </a></li>
                            <li><a href="#"> Transaction</a>
                            <ul> 
                        <li><a href="http://www.php.net/">add</a></li> 
                        <li><a href="http://www.ruby-lang.org/en/">delete</a></li>  
                        <li><a href="http://java.sun.com/">correct</a></li> 
                        </ul> </li>

                            <li><a href="#">Reports</a></li>
                            </ul>

this is my initMenu function:

function initMenu() {
    $('#menu ul').hide();
    $('#menu li a').click(
function() {
    $(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() { initMenu(); });

Answer 1

You need to remove the ‘onload’ attribute in the body tag.

Also, you need to change

<li> <a href=""> New </a> </li>

to

    <li> <a href="#"> New </a> </li>

Here’s a working example for you
http://jsfiddle.net/UVfMx/