jquery hoverが開きっぱなしになってしまう

Question

$('.under').hover(function(){
      $(this).children('.sub-menu').stop().slideToggle();
    
});

<ul class="col">
                <li><a href="#">ホーム</a></li>
                <li class="under"><a href="#">ああああ</a>
                    <div class="sub-menu">
                        <div class="blk">
                            <div class="sub">
                                <ul class="col">
                                    <li><a href="#">いいいい</a></li>
                                    <li><a href="#">うううう</a></li>
                                </ul>
                            </div>
                      </div>
                    </div>
                </li>
</ul>

実装はできたのですが、ページに再読み込みの際に.sub-menuが開きっぱなしになってしまう時があります。
.sub-menuはcssでdisplay：noneにしています。

Answer 1

症状が再現できませんでしたが、マウスが要素内へ入った時と、出たときの処理を別に記述したほうが安定するような気がします。

$('.under').hover(
  function(){
    $(this).children('.sub-menu').stop().slideDown()
  },
  function() {
    $(this).children('.sub-menu').stop().slideUp()
  }
);

Comments

[buk]

ありがとうございました。うまくいきました。