Question

Здравствуйте. Подскажите, возможно ли изменить на моем сайте боковое меню с выпадающего при наведении курсора мыши на раскрывающееся при нажатии левой кнопки мыши?

К примеру что-то похожее на: https://learn.javascript.ru/task/sliding-menu

Спасибо.

Answer 1

Можно. Вот есть готовый скрипт https://uscript.pro/shop/49/item/akkordeon-menju-dlja-sajta там же после покупки получите готовую инструкцию по установке.

Comments

А без покупки никак? Есть готовые примеры такого меню, но как их использовать (изменить) под мой сайт? Спасибо.

---

ПЦ ПТО ДСЗ,

По готовым примерам лишь прописать все ссылки вручную. Вы нашли такой пример, пропишите все ссылки вручную в нем. Не хотите вручную, тогда используйте платное решение.

---

Yuri_Geruk,

Ссылки бокового меню и ссылки подменю? Если да, то куда их прописывать. Ведь если я правильно понял, то за боковое меню отвечает блок $SMENU_1$.

 

P.S. Я не пойму с помощью какого свойства скрывается выпадающее меню.

---

ПЦ ПТО ДСЗ,

$SMENU_1$ выводит весь код блок меню, а для инструкции https://learn.javascript.ru/task/sliding-menu вам ссылки нужно вручную прописывать, а не вставить код $SMENU_1$ внутрь и как-бы готово, так не подходит. В вашем примере по ссылке там стилями скрывается.

---

Yuri_Geruk,

Я понимаю, что стилями. Каким именно стилем - не могу разобрать. Скрыть можно разными способами:

1. display: none;
2. visibility: hidden;
3. opacity: 0;
4. transform: scaleY(0);
5. jQuery.

Повторюсь, каким именно стилем скрывается выпадающее меню в моем примере?

---

ПЦ ПТО ДСЗ,

Вы посмотрите пример и найдете там display: none;

---

Yuri_Geruk,

У меня их там хватает:

#uMenuDiv1 .xw-tl {display: none;} 
#uMenuDiv1 .xw-tc {display: none;} 
#uMenuDiv1 .xw-tr {display: none;} 
#uMenuDiv1 .xw-bl {display: none;} 
#uMenuDiv1 .xw-br {display: none;}

P.S. Из-за чего каша заварилась - мне нужно, чтобы была возможность открывать подменю на смартфоне. На ПК все работает, а вот на телефоне - есть только возможность нажать на основную ссылку, а вывести подменю - нет.

---

ПЦ ПТО ДСЗ,

Мобильные так устроены, что там нельзя навести и получить выпадающее меню, там только по клику нужно делать. Как говорил выше, на системное текущее не смотрите, как пример можете посмотреть другие стандартные шаблоны которые адаптивные, там есть такие что и с мобильного удобно по клику сделано, просто нужно посмотреть и подобрать и после под себя изменить шаблон и отдельные его части.

---

Yuri_Geruk,

Короче дело ясное, что дело темное. Ничего не понятно. Объяснения и советы не четкие, не логичные и запутанные. Значит придется разбираться самому. Спасибо за потуги.