Джумла - как сделать меню разворачивающимся?
 

Добрый день!

Подскажите, пожалуйста, есть ли такой модуль для Joomla (конкретно 3.4.1), чтобы сделать меню разворачивающим подкатегории при клике на саму категорию?

Сейчас выводятся все пункты меню, а надо, чтобы меню было разворачивающимся. Т.е. если мы на верхнем уровне, то все подкатегории закрыты. Нажимаем на пункт и открывается страница и в меню появляются подпункты нажатой категории.

Спасибо!

ковыряйте css

Запросите такой модуль в поисковике. Сто пудов есть. И не один. Запросы, типа, "меню-аккордеон", "вываливающееся меню" и т. п.

это обычный аккордеон - их десятки

CSS
[code]
/* Total cascade style sheets:2. Selectors total: 7 */
/* Style «Menu» */
.Menu > div {width:120px; position:relative; display:inline-block**
.Menu a {border:1px solid #ff0000; text-align:center; padding:5px; background:khaki; text-decoration:none; font-family:verdana; font-weight:bold; font-size:12pt; display:block; margin-left:auto; margin-right:auto**
.Menu a:hover {color:khaki; background:firebrick**
.Menu a:hover + div {display:block**
.Menu .MenuFloat {position:absolute; left:-3px; display:none; min-width:150px; padding-bottom:10px**
.Menu .MenuFloat:hover {display:block**
/* Style «MenuFloat» */
.MenuFloat > a {border:1px outset #000000; width:100%; text-align:left; font-size:9pt; display:block; margin-top:2px**
[/code]

HTML
[code]
<div class="Menu" style="border:4px outset #ff0000; text-align:justify; overflow:visible; position:relative; display:inline-block">
<div align="left">
<a href="#1" title="">Линк</a>
<div class="MenuFloat">
<a href="#">Пункт меню №1</a>
<a href="">Пункт меню №2</a>
<a href="">Пункт меню №3</a>
</div>
</div>
<div align="left">
<a href="#1" title="">Линк 2</a>
<div class="MenuFloat">
<a href="">Пункт меню 2 №1</a>
<a href="">Пункт меню 2 №2</a>
<a href="">Пункт меню 2 №3</a>
<a href="">Пункт меню 2 №4</a>
</div>
</div>
<div align="left">
<a href="#1" title="">Линк 3</a>
<div class="MenuFloat">
<a href="">Пункт меню 3 №1</a>
<a href="">Пункт меню 3 №2</a>
<a href="">Пункт меню 3 №3</a>
<a href="">Пункт меню 3 №4</a>
</div>
</div>
</div>
[/code]

взято отсюда
[url]http://htmlbank.net/?zip=WR[/url]