Аккордеон пользовательского интерфейса JQuery не работает. Пункты главного меню отображаются как пункты подменю

http://jsfiddle.net/cxJW6/13/ Вот моя скрипка

Вот html-код:

<div id="sidebar">
<ul  class="mainmenu">
    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">STATUS</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">General</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!" id="statusNetwork">Network</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Timing</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">GNSS</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">PTP</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Alarms</a></li>
            </ul>

        </li>   <!--End of STATUS li-->
    </div>  <!--End of sidebarElementDiv-->

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">NETWORK</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">Ethernet</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">SNMP</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Ping</a></li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusWarning"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">NTP</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP Daemon Status</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP Associations</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP Config </a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP MD5 Security Key </a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP Autokey</a> </li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusRisk"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">PTP</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">PTP Master</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">PTP Slaves</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Performance</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Save Restore</a> </li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">TIMING</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">Time Zone</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">HW Clock</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Holdover</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Sysplex</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Time Interval</a></li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">REFERENCES</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">Timecode</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Modem</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">LF Radio</a> </li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">SYSTEM</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">General</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Upgrade</a> </li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Factory Reset</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Options</a></li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">ADMIN</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">Web</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Users</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Alarms</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Logs Config</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Relays</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Radius</a></li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">SERVICES</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">Startup</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">HTTP</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">SSH</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Email</a></li>
            </ul>
        </li>
    </div>

    <div class="sidebarElementDiv">
        <div class="systemStatusNormal"> </div>
        <li class="sub-handle"><a class="sub-link" href="#!">WIZARDS</a>
            <ul class="submenu">
                <li class="sub-li"><a class="innerMenuItem" href="#!">1st Setup</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">NTP</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">SNMP</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Backup</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Restore</a></li>
                <li class="sub-li"><a class="innerMenuItem" href="#!">Upgrade</a></li>
            </ul>
        </li>
    </div>

    <div id="sidebarElementDivPicture" class="sidebarElementDiv">
        <div id="systemStatusNormalHeight" class="systemStatusNormal"> </div>
        <p>Placeholder for product image</p>
    </div>
</ul>

And here is the jquery script:-

$( ".sidebarElementDiv" ).accordion();

В основном я хочу, чтобы пункт главного меню был заголовком в аккордеоне, и когда я нажимаю, должны появиться мои пункты подменю.