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

Question

[Twi1nkle]

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

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

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

Answer 1

[Twi1nkle]

Для себя решил проблему тем, что поместил скрипт между пунктом меню и самим 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), то проблема остаётся.

Answer 2

[Сергей Башинский]

Если проблема только в том что начинает до загрузки страницы, то просто оберни в это
$(document).ready(function(){}