Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Свернуть неактивные пункты меню 
:(
    Опции темы
Digo
Дата 22.2.2017, 17:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 194
Регистрация: 30.9.2004
Где: Ростов на Дону

Репутация: нет
Всего: нет



Здравствуйте,

есть древовидная менюшка которая раскрывается при наведении и при наведении же прячется(это не очень удобно) как можно сделать чтобы при перемещении по меню по Подкатегория 1, 2, 3 и т.д. раскрыты были только элементы этой подкатегории, а остальные прятались через display="none" подозреваю нужно как то обходить все по циклу, но так чтобы не закрыть текущие.

Код

<script type="text/javascript"> 

function iblock(cellid, blockid){
    
    var a = document.getElementById(cellid);
    if (a.style.display=="none") a.style.display="block";
        /*else a.style.display="none";*/
        
    var b = document.getElementById(blockid);
    if (b.style.background == "url(/img/str3.gif) no-repeat 5px 0px") b.style.background = "url(/img/str3.gif) no-repeat 5px -11px"
        else b.style.background = "url(/img/str3.gif) no-repeat 5px 0px";
        
         
}

</script>

<ul class="nav">
    <li><a href="#">Главная категория</a></li>
    <ul  id="c1">
        <li><a onmouseover="iblock('c2','b2');" href="#">Подкатегория 1</a></li>
    
        <ul id="c2">
            <li><a onmouseover="iblock('c3','b3');" href="#">Подкатегория 1.1</a></li>
            <ul style="display:none" id="c3">
                <li><a href="#">Подкатегория 1.1.1</a></li>
                <li><a href="#">Подкатегория 1.1.2</a></li>
            </ul>
            <li><a href="#">Подкатегория 1.2</a></li>
        </ul>
        
        <li><a onmouseover="iblock('c4','b4');" href="#">Подкатегория 2</a></li>
        <ul style="display:none" id="c4">
            <li><a href="#">Подкатегория 2.1</a></li>
            <li><a href="#">Подкатегория 2.2</a></li>
        </ul>    
        
        <li><a onmouseover="iblock('c5','b5');" href="#">Подкатегория 3</a></li>
        <ul style="display:none" id="c5">
            <li><a href="#">Подкатегория 3.1</a></li>
            <li><a href="#">Подкатегория 3.2</a></li>
        </ul>    

    </ul>
</ul>


--------------------
640кб оперативной памяти хватит миру по самые уши (Билл Гейтс )
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1052 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.