カテゴリのアコーディオン設定について

カテゴリが増えてきたので、メニュー内のカテゴリを整理しようと思ったところ、アコーディオン型のメニューが良いと思い調べていたところ、jqueryを使うことにし、こちらを参考に進めているんですが、htmlのところには

<ul id="accordion">

<li><a href="#">カテゴリー１</a>
    <ul id="active">
      </li>
<li><a href="1.html">サブカテゴリー１</a></li>
<li><a href="2.html">サブカテゴリー２</a></li>
<li><a href="3.html">サブカテゴリー３</a></li>
<li><a href="#">カテゴリー２</a>
<ul>
<li><a href="1.html">サブカテゴリー１</a></li>
<li><a href="2.html">サブカテゴリー２</a></li>
<li><a href="3.html">サブカテゴリー３</a></li>
</ul>
</li>
<li><a href="#">カテゴリー３</a>
<ul>
<li><a href="1.html">サブカテゴリー１</a></li>
<li><a href="2.html">サブカテゴリー２</a></li>
<li><a href="3.html">サブカテゴリー３</a></li>
</ul>
</li>
<li><a href="#">カテゴリー４</a>
<ul>
<li><a href="1.html">サブカテゴリー１</a></li>
<li><a href="2.html">サブカテゴリー２</a></li>
<li><a href="3.html">サブカテゴリー３</a></li>
</ul>
</li>
<li><a href="#">カテゴリー５</a>
<ul>
<li><a href="1.html">サブカテゴリー１</a></li>
<li><a href="2.html">サブカテゴリー２</a></li>
<li><a href="3.html">サブカテゴリー３</a></li>
</ul>
</li>

この場合、カテゴリを自分で入力しないといけないようです。

このカテゴリを順番通りに自動的に表示させる方法ないでしょうか？

サーバー：さくらサーバー