jquery - awsAccordion リスト内にリストを追加する方法は?

Question

awsAccordion.jsを使用してアコーディオンを作成し、アコーディオン内にリストを挿入したいと考えています。
これは一例です。最初のリストの中にリストがあります<li>:

<div id="accordion1">
    <ul>
        <li>
            <h1>Heading 1</h1>
            <div>
               <span>
                Phasellus eget libero elit, a sodales felis. 
                Morbi ligula tellus, posuere nec interdum ac, blandit et ante. 
                Morbi nibh orci, eleifend vitae venenatis non, molestie in magna.
                </span>
                <ul>    
                    <li>List 1</li>
                    <li>List 2</li>
                    <li>List 3</li>
                    <li>List 4</li>
                </ul>
            </div>
        </li>
        <li>
            <h1>Heading 2</h1>
            <div>
                <span>
                   Phasellus eget libero elit, a sodales felis. Morbi ligula tellus.
                   Morbi ligula tellus, posuere nec interdum ac, blandit et ante
                </span>
            </div>
        </li>
    </ul>
</div>

問題は、リストをクリックすると、例: <li>list 1</li> アコーディオンが閉じます。(このフィドルを参照してください: http://jsfiddle.net/8F9YC/ )。
なんで？どうすればこの問題を解決できますか?

どんな助けでも大歓迎です。ありがとうございました。