アコーディオンで　カテゴリーを作成したと思っています。
やりたいことは 下記になります。

＋親カテゴリー
−親カテゴリー
　子カテゴリー
　子カテゴリー
　子カテゴリー
　子カテゴリー
＋親カテゴリー
−親カテゴリー
　子カテゴリー
　子カテゴリー
＋親カテゴリー

＋をを押すと　子カテゴリーが表示する。

http://vosegus.org/JSDepository/jquery/index.html#showhidei

上記のサイトを見て修正したのですが　どこの＋を押しても親カテゴリーが表示されたり　非表示されたりで困っています。
j$(this).next()の部分が悪いと思います。　

ソースは下記になります。

/************* category.tpl***************/

<li class="level<!--{$level}--><!--{if in_array($arrTree[cnt].category_id, $tpl_category_id) }--> onmark<!--{/if}-->">

<!--{if $arrTree[cnt].display == 1}-->
<font class="acc0">+</font>
<a href="<!--{$smarty.const.URL_DIR}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"
<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id) }--> class="onlink"<!--{/if}-->>
<!--{$arrTree[cnt].category_name|escape}-->
</a>
<!--{else}-->
<a class="acc1" href="<!--{$smarty.const.URL_DIR}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"
<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id) }--> class="onlink"<!--{/if}-->>
<!--{$arrTree[cnt].category_name|escape}-->
</a>
<!--{/if}-->

/************* js ***************/

var j$ = jQuery;
j$(function(){
j$(".acc").each(function(){
j$("li > font", this).each(function(index){
var $this = j$(this);
if(index > 0) j$(".acc1").hide();
$this.click(function(){
var params = {height:"toggle", opacity:"toggle"};
j$(this).next().animate(params).parent().siblings()
.children("ul:visible").animate(params);
return false;
});
});
});
});

どなたかお力添えお願いします。　できればソースも張って頂くと助かります。

EC-CUBEには関係の無いJavaScript、JQueryの扱いに関するご質問のようなので、
それらに関するコミュニティなどで相談された方が適切な答えが得られると思います。

とりあえず、ざっと見た限りliタグが無いのにスクリプトで指定しているなど基本的な
動作原理を把握せず，不用意にスクリプト部分をカスタマイズしている為に、親子関係
等が適切に得られず，期待された動作をしていないかと思います。
JQueryのselecter周りと、実際に生成するコードとの関係を見直すと良いのでは無いか
と思います。

また下記も一読されて質問されると良いと思います
http://xoops.ec-cube.net/modules/tinyd0/index.php?id=8

----------------
EC-CUBE公式エヴァンジェリスト
EC-CUBEインテグレートパートナー (株)スピリット・オブ
移転・拡張・高速化・問題解決
各種カスタマイズ・支援依頼承ります。
[url=h