Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 95 Просмотров
*

kushiy

  • Давно я тут
  • ****
  • 346
  • 4
На сайте http://arial.bget.ru хочется сделать чтоб при клике "Парикмахерская" был виден внутренний список. Но у меня он только выпадает при  наведении.
JS не хочу подключать, да и не знаю его.
Пробую применить к
ul li {
         &:active ul, &:hover ul, &:checked ul{
                left:0; // Приносим его обратно на экран, когда нужно
                opacity:1; // Делаем непрозрачным
                position:relative;
         }
}
Но действия происходят как выпадение вложенного списка.
*

vipiusss

  • Профи
  • ********
  • 5529
  • 318
  • Круглая ава-зло!
Ну первое.Уделите консоли внимание:Uncaught ReferenceError: JCaption is not defined
2-
.left-menu ul li a:hover, .left-menu ul li a:active, .left-menu ul li a:visited {
    color: #620000;
}
ваш класс при ховере.меняйте, как вам надо.
советую разделить.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

kushiy

  • Давно я тут
  • ****
  • 346
  • 4
1-ое я видел и не знаю как от этого можно избавиться.
2-ое не помогает. Уже все возможное перепробовал, не помогает
*

kushiy

  • Давно я тут
  • ****
  • 346
  • 4
Пытаюсь уже через js что-то сделать тогда и ничего не выходит. Подскажите где ошибка
Код
$('.left-menu ul li').hover{ 
          
      if ($(this).find('ul').length) { //если в нажатом элементе есть вложенный список
      
        list_item=$(this).find('ul:first'); // берем его в обработку

        if (list_item.css('opacity')=='0') {  // и заскрываем/скрываем в зависимости от состояния
               list_item.css('opacity','1');
               list_item.css('left', '0');
           }
        else {
          list_item.css('opacity','0');
          list_item.css('left', '-9999px');
        }
      
      }  
      else {
        alert("error");
      
      }
    };  
При наведении как и должно быть, но это я делаю и через CSS, но при самом переходе по ссылке вложенный список пропадает. А мне надо чтоб он оставался. Подскажите пожалуйста где надо изменить
« Последнее редактирование: 10.03.2017, 21:02:29 от kushiy »