hashimajc回答ポイント 500pt

jqueryのロールアウト（slidedown）のプログラムを作っていますが、マウスオーバーした際にリストにマウスオーバーすると何回も slidedown が実行されてしまいます。これを回避するにはどうしたらよいでしょうか？

<script type="text/javascript" src="jquery_2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//alert("test");

$("#menu li").mouseover(function(){
//alert("test");

$(".box1",this).slideDown(200);
});

$(".box1 li").hover(function(){
$(".box1 p").css({
"display":"none"
});
$("p",this).css({
"display":"block"
});

});

$("ul#menu").mouseout(function(){
$(".box1").css({
"display":"none"
});

});
});
</script>
</head>

<body>
<ul id="menu">
<li class="navi_dai"><div class="wrap"><a href="#">navi1</a>
<div class="box1">
<ul>
<li id="navi1_1"><a href="#">navi1_1</a><p>ここが説明部分です1</p></li>
<li id="navi1_2"><a href="#">navi1_2</a><p>ここが説明部分です2</p></li>
<li id="navi1_3"><a href="#">navi1_3</a><p>ここが説明部分です3</p></li>
<li id="navi1_4"><a href="#">navi1_4</a><p>ここが説明部分です4</p></li>
</ul>
</div>
</div>
</li>
<li><a href="#">navi2</a></li>
<li><a href="#">navi3</a></li>
<li><a href="#">navi4</a></li>
<li class="clear"></li>
</ul>
</body>
</html>

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ログインして回答する

みんなの回答

うぃんど2014/02/26 17:50:26
満足167pt

$("#menu li").mouseover(function(){
//alert("test");

    $(".box1:not(:animated)",this).slideDown(200);
});

スター

その他の回答を読む

この質問へのコメント

コメントはありません

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2014-02-26 10:26:10
終了日時: 2014-03-05 10:30:04
回答条件: 1人5回まで

この質問のカテゴリ

ウェブ制作

この質問に含まれるキーワード

人気の質問