Tree Menu With 1st Item Open

by kaikemono

HTML

<ul id="menu">
    
    <li>
        <a href="#">toggle 1</a>
        <div>toggle 1 - content</div>
    </li>
    
    <li>
        <a href="#">toggle 2</a>
        <div>toggle 2 - content</div>
    </li>
    
    <li>
        <a href="#">toggle 3</a>
        <div>toggle 3 - content</div>
    </li>
    
</ul>

JavaScript

function menu() {
    
    $('#menu > li > div:gt(0)').hide();
    
    $('#menu li a').click(function() {
        $(this).next().fadeToggle('0');
        return false;
    });
    
}

$(document).ready(function() {
    
    menu();
    
});