Изменить при клике отображение списка

kushiy

Захожу иногда
401
4 / 0

Изменить при клике отображение списка

« : 08.03.2017, 10:50:45 »

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

Записан

vipiusss

Гуру
5739
344 / 11
Скайп: renor_

Re: Изменить при клике отображение списка

« Ответ #1 : 08.03.2017, 11:35:26 »

Ну первое.Уделите консоли внимание: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

Захожу иногда
401
4 / 0

Re: Изменить при клике отображение списка

« Ответ #2 : 08.03.2017, 12:05:56 »

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

Записан

kushiy

Захожу иногда
401
4 / 0

Re: Изменить при клике отображение списка

« Ответ #3 : 10.03.2017, 18:27:35 »

Пытаюсь уже через 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, 19:02:29 от kushiy »

Записан

Пропало отображение в материалах Автор kbwka	Ответов: 1 Просмотров: 1378	24.03.2025, 20:24:16 от R31rus
Отображение на мобильной версии Автор annetkas	Ответов: 9 Просмотров: 10236	28.10.2024, 10:56:18 от annetkas
Сортировка по доп. полям на странице списка категории Автор revil	Ответов: 4 Просмотров: 2232	02.06.2024, 13:42:45 от tigra-uki
Как сделать отображение времени создания материала? Автор Pzhigalov	Ответов: 0 Просмотров: 1590	27.09.2023, 22:45:29 от Pzhigalov
Отображение меню мобильной версии сайта Автор AnSk	Ответов: 1 Просмотров: 1117	22.08.2023, 18:52:55 от arma

Изменить при клике отображение списка - Joomla 3.x: Общие вопросы

Новости Joomla

‼️👩‍💻 Релиз безопасности Astroid 3.3.11 - шаблона-конструктора для Joomla.

👩‍💻 Вышел Quantum Manager 3.3.0 - медиа менеджер для Joomla.

Joomla по-русски — возвращение к истокам

kushiy

Изменить при клике отображение списка

vipiusss

Re: Изменить при клике отображение списка

kushiy

Re: Изменить при клике отображение списка

kushiy

Re: Изменить при клике отображение списка

Похожие темы