Как сделать, чтобы два меню открывались од?

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 492 Просмотров
*

leo78

  • Живу я здесь
  • ******
  • 922
  • 51
  • I left from paradise!?...
есть два меню топ и правое, том меню открывается при наведении, правое при нажатии.
Правое закрывается при нажатии, топ закрывается когда курсор уйдет.

Нашел как сделать чтобы открывались при наведении

Спойлер
[свернуть]

Нужно как сделать открытие и закрытие при нажатии


демонстрация
http://foto-s.ru/
« Последнее редактирование: 18.09.2015, 21:37:49 от leo78 »
Хотите, чтоб вам дали, так дайте, нам в начале. Ну, а если нет...
То физкультпривет! И до свиданье, до новых встреч и ручкой на прощанье!

Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699

*

umbabaraumba

  • Практически профи
  • *******
  • 2441
  • 152
  • если помог можете поставить +
есть два меню топ и правое, том меню открывается при наведении, правое при нажатии.
Правое закрывается при нажатии, топ закрывается когда курсор уйдет.

Нашел как сделать чтобы открывались при наведении

Нужно как сделать открытие и закрытие при нажатии

демонстрация
http://foto-s.ru/

Что-то я ничего не понял
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

*

leo78

  • Живу я здесь
  • ******
  • 922
  • 51
  • I left from paradise!?...
Все равно без вставок в шаблон не вышло
Воткнул это
https://groups.google.com/forum/#!topic/twitter-bootstrap-stackoverflow/4bIzTmU89Ys

В папку с шаблоном помещаем кастомизированный макет меню, стянул с Joomlaфорум) по пути /templates/prostostar/html/mod_menu .
В дополнительных параметрах меню указать
Альтернативный макет
Код
bootstrap-dropdown

Кстати ссылкам не надо проставлять "dropdown-toggle"

Все смотрим у меня как работает  *DRINK*
Хотите, чтоб вам дали, так дайте, нам в начале. Ну, а если нет...
То физкультпривет! И до свиданье, до новых встреч и ручкой на прощанье!

Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699

*

leo78

  • Живу я здесь
  • ******
  • 922
  • 51
  • I left from paradise!?...
Если из кода
Код
<script type="text/javascript">
   (function($){  
    $(document).ready(function(){
     $('.dropdown-toggle').dropdown();
      // dropdown
      $('.parent').addClass('dropdown');
      $('.parent > a').addClass('dropdown-toggle');
      $('.parent > a').attr('data-toggle', 'dropdown');
     $('.parent > a').attr('data-target', '#');
      $('.parent > a').append('<b class="caret"></b>');
      $('.parent > ul').addClass('dropdown-menu');
     $('.nav-child .parent').removeClass('dropdown');
     $('.nav-child .parent .caret').css('display', 'none');
      $('.nav-child .parent').addClass('dropdown-submenu');
    });
  })(jQuery);
</script>
удалить
Код
      $('.parent > a').append('<b class="caret"></b>');
то в родительском пункте меню указываем CSS-класс ссылки
Код
dropdown-toggle
Что это дает, не будет колыхаться меню если курсором водите по ним  yes!
« Последнее редактирование: 19.09.2015, 01:03:39 от leo78 »
Хотите, чтоб вам дали, так дайте, нам в начале. Ну, а если нет...
То физкультпривет! И до свиданье, до новых встреч и ручкой на прощанье!

Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699

*

leo78

  • Живу я здесь
  • ******
  • 922
  • 51
  • I left from paradise!?...
Есть еще вариант без jquery   :D
класс бокового меню
Код
nav-pills nav-stacked
класс топ меню
Код
nav-pills

Вам понадобиться всего две вещи:

1.
В папку с шаблоном помещаем кастомизированный макет меню, стянул с Joomlaфорум) по пути /templates/prostostar/html/mod_menu .
В дополнительных параметрах меню указать
Альтернативный макет
Код
bootstrap-dropdown
во всех меню  :o

2.
модуль Blank Module
- с модулем просто указываешь позицию, отображать везде и отключаешь заголовок
ЗЫ. Такой мод всегда полезен, как не обновлялся движок данная вставка будет нетронута, более тог можно отображать в разных местах, где считаете это удобным.
 *DRINK*

и в "CSS + some Scripts etc for < head > section"

Разместить CSS
Код
<style>
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
</style>

Важно "bootstrap-dropdown" ставить на главное меню, а на боковое не ставить  :o
Не чего больше  >:(
« Последнее редактирование: 21.09.2015, 12:27:35 от leo78 »
Хотите, чтоб вам дали, так дайте, нам в начале. Ну, а если нет...
То физкультпривет! И до свиданье, до новых встреч и ручкой на прощанье!

Благодарности принимаются круглосуточно: Z957282423806 | R045187244064 | U207811153699