1. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление

Древовидное меню и селекторы

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем youstm, 18 авг 2010.

Статус темы:
Закрыта.
  1. youstm

    youstm Гость

    Репутация:
    0
    При клике на меню выделяются все старшие категории и сама категория на которую кликнули... работает тока на первый клик. дальше хрень полная... как сделать что бы при повторном клике на другую категорию первое выделение удалялось. Делал с событием Hover всё норм работает а при Click не могу разобраться как всё это сделать... :?:

    Код:
    <style type="text/css">.bold {font-weight: bold; }.menu .li .submenu {font-weight: normal; } 
    </style>
    <script type="text/javascript">
    $().ready(function(){
    $("ul.menu li.li").click(function(){
    $(this)[$(this).hasClass("bold") ? "removeClass" : "addClass"]("bold");		
    }) 
    })
    </script>
    <ul class="menu">
    <li class="li">Menu 
    <ul class="submenu">
    <li class="li">Submenu
    </li>
    <li class="li">Submenu 
    <ul class="submenu">
    <li class="li">Submenu
    </li>
    <li class="li">Submenu
    </li>
    </ul>
    </li>
    </ul>	
    </li> 
    </li>
    <li class="li">Menu 
    <ul class="submenu">
    <li class="li">Submenu
    </li>
    <li class="li">Submenu 
    <ul class="submenu">
    <li class="li">Submenu
    </li>
    <li class="li">Submenu
    </li>
    </ul>
    </li>
    </ul>	
    </li> 
    </li>
    </ul>
    Вот пример на Hover

    Код:
    <script type="text/javascript">
    $().ready(function(){
    
    $("ul.menu li.li").hover(
    
    function(){
    $(this).addClass("bold");	 
    },
    function(){
    $(this).removeClass("bold");	
    })
    
    })
    </script>
     
  2. KIA1990

    KIA1990 Гость

    Репутация:
    0
    А почему бы не использовать jQuery JavaScript Library v1.4.2
    В этой библиотеке есть вполне неплохое дерево.
     
  3. youstm

    youstm Гость

    Репутация:
    0
    мне не нужно ни какое дерево... мне нужно реализовать задачу, задач описана выше т.к. в дальнейшем это может быть вообще не дерево. Я написал Дерево для понятного иерархического списка.
     
  4. firs777

    firs777 Гость

    Репутация:
    0
    Я точно не уверен но помойму так
    Код:
     $(document).ready(function(){
    $("ul.menu li.li").removeClass('highlight');
    $("ul.menu li.li").click(function(){
    $(this).addClass("highlight");	 
    }) 
    })
    ну и стиль для класса
    Код:
    .highlight{font-size:50px;}
     
Загрузка...
Похожие Темы - Древовидное меню селекторы
  1. bedrov
    Ответов:
    2
    Просмотров:
    167
  2. KIra
    Ответов:
    0
    Просмотров:
    185
  3. z3RoTooL
    Ответов:
    4
    Просмотров:
    790
  4. bsl
    Ответов:
    1
    Просмотров:
    395
  5. Shouldercannon
    Ответов:
    2
    Просмотров:
    1.366
Статус темы:
Закрыта.

Поделиться этой страницей