jquery-ui - jquery uiアコーディオンはすべての子ulを開きます

Question

メニューデータを含む一連のネストされた ul があります。クリックすると子ulが表示されるアコーディオンを使いたいです。私の問題は、アイテムがクリックされたときにすべての子ulが開いていることです。

これがjsフィドルです。すべての子供たちがどのように開くかを見てください。

http://jsfiddle.net/VD5Mk/

これが私がアコーディオンを呼ぶ方法です

 $("#main-nav").accordion({
        autoHeight: false,
        collapsible: true,
        active: false
    });

ここにリストがあります

<ul id="main-nav">
<li> item one
    <ul>
        <li> item one
            <ul>
                <li> item one </li>
                <li> item two </li>
                <li> item three </li>
            </ul>   
        </li>
        <li> item two </li>
        <li> item three </li>
    </ul>
</li>
<li> item two </li>
<li> item three </li>