.slideToggle();がリロード時に開きっぱなしになってしまう

$(window).load(function () {
$('#head > #tbl > nav > ul > li.trigger').hover(function(){
$(this).children('.sub-menu').stop().slideToggle();
});
});

ロード時に「li.trigger」にマウスを当てたままにすると、読み込みのタイミングにより「.sub-menu」が開きっぱなしになってしまい、想定の動作の逆になってしまいます。

ご教授願います。

行動規範の内容に同意します

回答2件

hoverで処理を開始させないようにすれば良いと思います。

投稿2019/12/10 03:10

semagya

総合スコア38

ベストアンサー

状況がわかりません

javascript
1<script>
2$(function(){
3  $('#head > #tbl > nav > ul > li.trigger').on('mouseover mouseout',function(){
4    $(this).children('.sub-menu').stop().slideToggle();
5  }).find('.sub-menu').hide();
6});
7</script>
8<div id="head">
9  <div id="tbl">
10    <nav>
11      <ul>
12        <li class="trigger">
13          <span>hoge1</span>
14          <ul class="sub-menu">
15            <li>hoge1-1</li>
16            <li>hoge1-2</li>
17            <li>hoge1-3</li>
18          </ul>
19        </li>
20        <li class="trigger">
21          <span>hoge2</span>
22          <ul class="sub-menu">
23            <li>hoge2-1</li>
24            <li>hoge2-2</li>
25            <li>hoge2-3</li>
26        </ul>
27        </li>
28      </ul>
29    </nav>
30  </div>
31</div>
32