Как сделать так, чтобы это загрузочное подменю всегда было открытым?

Question

Как сделать так, чтобы это загрузочное подменю всегда было открытым?

-3

У меня есть код для создания bs nav, но я не понимаю, как сделать подменю всегда открытым без нажатия имени меню.

Это код:

http://jsfiddle.net/6hrmodok/2/

и, пожалуйста, ответьте на этот вопрос новым кодом.

New Tesla 11 июнь 2016, в 07:29

Источник

0

Который из? Вы всегда можете дать ему уникальный класс для будущего редактирования.
Adam Azad 11 июнь 2016, в 05:16
0

меню open1 и open2. я хочу, чтобы это меню всегда открывалось @AdamAzad
New Tesla 11 июнь 2016, в 05:17
0

«Новый Тесла» ... теперь вы не новый Тесла. Тесла умел читать и писать как минимум на 2 языках.
peterh 13 июнь 2016, в 05:53

Показать ещё 1 комментарий

Теги:

javascript

jquery

twitter-bootstrap

css

3 ответа

Ещё вопросы

Который из? Вы всегда можете дать ему уникальный класс для будущего редактирования.
меню open1 и open2. я хочу, чтобы это меню всегда открывалось @AdamAzad
«Новый Тесла» ... теперь вы не новый Тесла. Тесла умел читать и писать как минимум на 2 языках.

Deep · Answer 1 · 2016-06-11T07-15-00.000Z

вы можете открыть подменю на загрузке страницы с помощью простого кода jquery, как показано ниже в файле сценария.

var pageload = function()
{
     $(".gw-nav > li").each(function () 
   { 

      var checkElement = $(this);
      var ulDom = checkElement.find('.gw-submenu')[0];

        if (ulDom != undefined) {
            checkElement.addClass('active');
            checkElement.find('ul').slideDown(300);
            return;
        }

   });

}();

проверьте скрипач здесь.

http://jsfiddle.net/o1jw4txg/

Shailesh kala · Answer 2 · 2016-06-11T07-11-00.000Z

Чтобы подменю всегда открывалось в bootstrap navbar, вам просто нужно добавить класс "open", как этот <li class="dropdown open"> список <li class="dropdown open"> это заставит ваше подменю бутстрапа navbar всегда открываться, и оно также переключится.

Adam Azad · Answer 3 · 2016-06-11T06-16-00.000Z

.gw-nav-list>li.always-active>a, 
.gw-nav-list>li.always-active>a:hover, 
.gw-nav-list>li.always-active>a:focus, 
.gw-nav-list>li.always-active>a:active {
    background-color: #fff;
    color: #2574A9;
    font-weight: bold;
    font-size: 13px;
}
.gw-nav-list>li.always-active:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    bottom: 0;
    z-index: 1;
    border: 2px solid #2574A9;
    border-width: 0 0 0 5px;
}
.always-active .gw-submenu,
.gw-nav-list>li.always-active .gw-submenu {
    display:block;
}

И для JavaScript;

$('.gw-nav > li:not(.always-active) > a').click(function () { 
     ....

Обновленная скрипка