JQuery .fadeToggle() как исправить появление div при наведении?

Question

Twi1nkle @Twi1nkle

JavaScript

JQuery .fadeToggle() как исправить появление div при наведении?

Сделал dropdown меню, которое появляется при наведении.

$(".drop-menu").hover(function() {
        $('.sub-menu').fadeToggle('fast');
    });

Не могу решить проблему: Если навести курсор на пункт меню, который открывает dropdown, до полной загрузки страницы, то меню будет наоборот появляться, когда убираешь с него курсор. И исчезать, когда наводишься на него.

Вопрос задан более трёх лет назад
69 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2019-09-28 20:41:59

Для себя решил проблему тем, что поместил скрипт между пунктом меню и самим dropdown

<li class="drop-menu">
            <script>
                $(".drop-menu").hover(function() {
                    $('.sub-menu').fadeToggle('fast');
                });
            </script>
            <a>МЕНЮ</a>
            <ul class="sub-menu">
                <li><a href="#">один</a></li>
                <li><a href="#">два</a></li>
            </ul>
        </li>

Если поместить его выше, то естественно скрипт не работает, а если ниже (или с использованием $(document).ready), то проблема остаётся.

JQuery .fadeToggle() как исправить появление div при наведении?

Войдите на сайт