Раскрывающееся меню категорий

[wildrock]

Всем привет, готов закончить сайт вот хочу реализовать такое меню, а точнее функцию открытия и закрития субменю без перезагрузки страницы .

Кто знает как реализовать?

вот ссылка на пример (нажать любую категорию) (http://megabox.if.ua)

[koteyka]

Примеров реализации такого меню миллион. Есть и на этом форуме, и в гуглях. Пользуйтесь поиском, ищите, например, Меню аккордион.

[wildrock]

Примеров реализации такого меню миллион. Есть и на этом форуме, и в гуглях. Пользуйтесь поиском, ищите, например, Меню аккордион.

Да но я не понимаю как к родному меню присобачить эфект скольжения и тп 

[koteyka]

Есть реализация через CSS, есть через JS. Выбирайте любую.

[shooroop]

Да но я не понимаю как к родному меню присобачить эфект скольжения и тп 

 

тогда попросите за денежку вам поставят если сами не можете

[wildrock]

Есть реализация через CSS, есть через JS. Выбирайте любую.

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

[koteyka]

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

Что значит открывать подкатегории? Страницу с товаром этой подкатегории? Тогда аякс изучайте, если без перезагрузки хотите.

[wildrock]

Что значит открывать подкатегории? Страницу с товаром этой подкатегории? Тогда аякс изучайте, если без перезагрузки хотите.

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

 

 

 

Вот мой старый код

<div class='top_ul'>
			<div id="content_left">

			<div id="nav-container">
			{function name=categories_tree}
			{if $categories}
				<ul id="nav">
				{foreach $categories as $c}
				{if $c->visible}
				<li{if in_array($category->id, $c->children)}{categories_tree categories=$c->subcategories} class="active"{/if}>
				<a href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
				{if in_array($category->id, $c->children)}{categories_tree categories=$c->subcategories} {/if}
				</li>
				{/if}
				{/foreach}
				</ul>
			{/if}
			{/function}
			{categories_tree categories=$categories}
			</div>

После сделал по этой схеме 

{foreach $categories as $c}
                {if $c->visible}
                <li class="active{if $c->subcategories} has-sub{/if}">
                <a href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
                {if $c->subcategories}{categories_tree categories=$c->subcategories}{/if}
                </li>
                {/if}
                {/foreach}
                </ul>
            {/if}
            {/function}
            {categories_tree categories=$categories}
            </div> 

Но теперь при загрузке меню субменю изначально развернуто  что делать что бы оно изначально было свернуто 

Изменено 30 апреля, 2015 пользователем websah

[koteyka]

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

Сотря как реализовано. Телепатов тут нет. Код в студию.

[wildrock]

Сотря как реализовано. Телепатов тут нет. Код в студию.

 

<div class='top_ul'>
            <div id="content_left">

            <div id="nav-container">
            {function name=categories_tree}
            {if $categories}
                <ul id="nav">
{foreach $categories as $c}
{if $c->visible}
<li class="active{if $c->subcategories} has-sub{/if}">
<a href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
{if $c->subcategories}{categories_tree categories=$c->subcategories}{/if}
</li>
{/if}
{/foreach}
</ul>
{/if}
{/function}
{categories_tree categories=$categories}
</div>

[koteyka]

Киньте лучше в личку доступы к админке. Проще посмотреть, чем гадать. Стили вы не даете, как понять что у вас там.

[wildrock]

Киньте лучше в личку доступы к админке. Проще посмотреть, чем гадать. Стили вы не даете, как понять что у вас там.

В личку написал

[alexholm]

И чем закончилась эпопея ? Дайте код если заработало нормально