Сделайте вертикальный слайд вниз, оставив меню открытым - PullRequest
Новая
       14

Сделайте вертикальный слайд вниз, оставив меню открытым

0 голосов
/ 23 января 2012

Нубский вопрос. Ответ, вероятно, очень прост, но почему-то я не могу понять это, и мне нужно двигаться дальше в моем проекте.

У меня вертикальное навигационное меню, и у меня есть слайдер при наведении курсора. Но я бы хотел, чтобы меню оставалось открытым, как только оно сдвинулось вниз. Я попытался удалить последнюю строку кода, но это выглядит не очень красиво.

Я пытался реализовать метод Stu Nicholls , но не получил его на работу. Но это тот эффект, который я хотел бы получить.

Мое HTML-меню: 

<nav id="verticalmenu">          
<ul>
  <li><a class="slide" href="#">Kalendarium</a>
  <ul class="down">
    <li><a href="#">Konzerte</a></li>
    <li><a href="#">Seminare</a></li>
    <li><a href="#">Vortraege</a></li>
  </ul>
</li>
<li><a href="#">Projekte</a>
  </ul>

И ответ на него: 

<script type="text/javascript">



 (function($){

            //cache nav
            var nav = $("#verticalmenu");

            //add hovers to submenu parents
            nav.find("li").each(function() {
                if ($(this).find("ul").length > 0) {


                    //show subnav on hover
                    $(this).mouseenter(function() {
                        $(this).find("ul").stop(true, true).slideDown();
                    });

                    //hide submenus on exit
                    $(this).mouseleave(function() {
                        $(this).find("ul").stop(true, true).slideUp();
                    });
                }
            });
        })(jQuery);

Большое спасибо!

1 Ответ

2 голосов
/ 23 января 2012

просто скрыть их при загрузке документа.нет необходимости, если проверка, JQuery делает это внутренне

...