когда меню в админке свернутое то видно как надо,
но не работают ссылки и не работает "аккордеон"
т.е. видно только главные категории вот так
а когда развернутое меню то до нажатия вот так
а после нажатия
стрелки указывают на главные категории (кроме tablet pc)это подкатегория под которой есть еще подкатегории.
возможно ли решить проблему,
код category_tree.tpl.html
{literal}
<script type="text/javascript">
$(document).ready(function() {
$("#accordion > li > div").click(function() {
if(false == $(this).next().is(':visible')) {
$('#accordion ul').slideUp(300);
}
$(this).next().slideToggle(300);
});
$("#accordion > li > div > a").attr('href', 'javascript:void(null)');
$("#accordion > li").click(function() {
var id_menu = $(this).attr('id');
$.cookie('idmenu', id_menu, {expires: 1, path: '/'});
});
if ($.cookie('idmenu')) {
$('#'+$.cookie('idmenu')+' > ul').show();
}
});
</script>
{/literal}
<STYLE>
#accordion {
list-style: none;
padding: 0 0 0 0;
width: 150px;
color: #FFFFFF;
}
#accordion div {
display: block;
background-color: #990033;
font-weight: bold;
margin: 1px;
cursor: pointer;
padding: 5px 5px 5px 7px;
list-style: circle;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#accordion ul {
list-style: none;
padding: 0 0 0 0;
}
#accordion ul{
display: none;
}
#accordion ul li {
font-weight: normal;
cursor: auto;
background-color: #fff;
padding: 0 0 0 7px;
}
#accordion a {
text-decoration: none;
color: white;
}
#accordion a:hover {
text-decoration: underline;
}
#accordion a.selected {
color: white;
}
.glossymenu a
{
font-size: 14px;
}
</STYLE>
{if !$categoryID}
<script type="text/javascript">
$.cookie('idmenu', null);
$('#accordion ul:eq(0)').show();
</script>
{/if}
<ul id="accordion" class="glossymenu">
{assign var="old" value=0}
{assign var="ja" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree[i].level==$old && !$smarty.section.i.first}</li> {elseif $categories_tree[i].level>$old} <ul> {/if}
{if $categories_tree[i].level<$old && $old>0}</li>{/if}
{if $categories_tree[i].level<$old} </ul> {/if}
<li{if $categories_tree[i].level==0} id="i{$categories_tree[i].categoryID}"{/if}><div>{if $categoryID == $categories_tree[i].categoryID}<img src="./images/favicon.ico" width="15">{/if}<a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a></div>
{assign var="old" value= $categories_tree[i].level}
{/section}
</li></ul>
