이리저리 바꿔보고 해도 1단메뉴가 클릭한 쪽만 펼침으로 되고 다른메뉴들은 닫혀있습니다..

{@ $_pDepth = 0;}

<!--@if($colorset == "black" || $colorset == "white")-->

    <!--%import("./css/widget.css")-->

<!--@end-->

<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">

    <ul class="widgetMenuA dhtml">

        <!--@foreach($widget_info->arranged_menu as $key => $val)-->

            <!--@if($val->text)-->

                <!--@if($_pDepth > $val->depth)-->

                    <!--@for($i=$val->depth; $i<$_pDepth; $i++)-->

                    </ul>

                </li>

                    <!--@end-->

                    {@ $_pDepth = $val->depth}

                <!--@end-->

                    <li class="menu_{$val->node_srl}<!--@if($val->selected)--> active<!--@end-->">

                        <a href="{$val->href}"<!--@if($val->open_window=='Y')--> target="_blank"<!--@end-->>{$val->text}</a>

                    <!--@if($val->child_count)-->

                        {@$_pDepth++}

                        <ul style="display:<!--@if(!$val->selected)-->none<!--@else-->block<!--@end-->">

                    <!--@else-->

                    </li>

                    <!--@end-->

            <!--@end-->

        <!--@end-->

    </ul>

</div>

<!--%import("./js/navigator.js")-->

그리고 JS파일입니다.

jQuery(function(){

    jQuery('+ '+ 'ul.widgetMenuA.dhtml').find('li')

        .hover(function(){

                jQuery('>ul',this).show();

            }

            ,function(){

                jQuery('>ul',this).hide();

            });

});