Аккордеон меню

[dimabudnikov]

Помогите сделать аккордеон меню очень удобно когда 2-3 главные категории и куча подкатегорий которых хорошоб скрыть
Спасибо

[dimabudnikov]

для примера вот подборка:

http://www.narrowdesign.com/

http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/

[ukrtelekom]

Можно как-то так:
<div id="categoriesBoxMenu">
{defun name=categories_tree categories=$categories}
{if $categories}
<ul id="CatNavi">
{foreach item=c from=$categories}
{if $category->category_id != $c->category_id}
<li class="CatLevel1"><a href='catalog/{$c->url}' tooltip='category' category_id='{$c->category_id}'>{$c->name}</a></li>
{else}
<li class="CatLevel2"><a href='catalog/{$c->url}' tooltip='category' category_id='{$c->category_id}'>{$c->name}</a></li>
{/if}
{*if in_array($category->category_id, $c->subcats_ids)*}
{if in_array($category->category_id, $c->subcats_ids)}
{fun name=categories_tree categories=$c->subcategories}
{/if}
{*/if*}
{/foreach}
</ul>
{/if}
{/defun}
</div>

[dimabudnikov]

Попробовал все под категории прячет но при нажатии на нужную категорию открывается новая страница с под списком категорий а нужно чтоб при нажатии на категорию открывались под категории без перезагрузки страницы

[dimabudnikov]

>>>>ukrtelekom

Помогите

[ukrtelekom]

Если у вас так как описано выше, тогда дело в стилях. У меня менюха вырисовуется так:
-----------------------------------------------------
#categoriesBoxMenu {
margin:0 0 0;
padding-top:0px;
width:175px;
}

#categoriesBoxMenu #CatNavi,#CatNavi #categoriesBoxMenu #CatNavi,#CatNavi ul,#CatNavi li {
list-style-type:none;
margin:0;
padding:.1em;
}
#categoriesBoxMenu #CatNavi ul {
margin-left:10px;
}

#categoriesBoxMenu #CatNavi li a {
background:url(../images/icon_arrow.gif) no-repeat left center;
color:#3A3A3A;
font-weight:400;
margin:.2em 0 0;
padding:.2em 0 .2em 20px;
text-decoration:none;
text-indent:.8em;

}

#categoriesBoxMenu #CatNavi li a:hover {
background:url(../images/icon_arrow_down.gif) no-repeat left center;
color:#000;
font-weight:400;
}

#categoriesBoxMenu #CatNavi li a,#categoriesBoxMenu #CatNavi .Current li a,#categoriesBoxMenu #CatNavi .CurrentParent li a,#categoriesBoxMenu #CatNavi .CurrentParent .Current li a {
font-weight:400;
text-decoration:none;
}

#categoriesBoxMenu #CatNavi .Current a,#categoriesBoxMenu #CatNavi .CurrentParent .Current a {
text-decoration:underline;
}
#categoriesBoxMenu #CatNavi .CurrentParent a,.bold {
font-weight:600;
}
--------------------------------------------------------------------------
Остальное подправите под себя

[ekctpemict]

Сделать так как на туториалайз, но админкой добавлять в стиль текущей категории еще стиль (в цсс это можно делать) как неактивный, что б текущая категория была открыта

[taru]

Кажется это уже было решено раньше:
http://forum.simplacms.ru/comments.php?DiscussionID=40&page=1#Item_17

[yr4ik]

Не качайте! Вирус!

[Noxter]

Не качайте! Вирус!

Где?

[yr4ik]

Где?

 

Были посты. Их уже удалили. Но Мое сообщение почему то оставили) 

Я думаю их бы тоже можно было удалить. Что бы не смущать людей...

Изменено 11 декабря, 2015 пользователем yr4ik