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

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

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

    youstm Гость

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

    Код (Text):
    <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

    Код (Text):
    <script type="text/javascript">
    $().ready(function(){

    $("ul.menu li.li").hover(

    function(){
    $(this).addClass("bold");    
    },
    function(){
    $(this).removeClass("bold");   
    })

    })
    </script>
     
  2. KIA1990

    KIA1990 Гость

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

    youstm Гость

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

    firs777 Гость

    Я точно не уверен но помойму так
    Код (Text):
     $(document).ready(function(){
    $("ul.menu li.li").removeClass('highlight');
    $("ul.menu li.li").click(function(){
    $(this).addClass("highlight");   
    })
    })
    ну и стиль для класса
    Код (Text):
    .highlight{font-size:50px;}
     
Загрузка...
Статус темы:
Закрыта.

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