私は混乱する問題があります。私の最初のdiv "leftbox"が上に乗っているとき、 "rightbox"（隠れたdiv）が表示されますが、 "leftbox"が上に乗っていないと、最終的に消えます。しかし、私は "rightbox"が表示されたままにしておくと、ユーザーがマウスを右ボックスに置いたときに、、次にが消えます。これをどのように機能させることができますか？私は本当に助けに感謝します。jQueryで隠されたdivを表示するにはどうすればいいですか？
コンテナクラスを追加するとうまく動作します。
$(function(){
\t $('.container').hover(function(){
\t \t var boxId = $(this).find("[data-id]").attr('data-id');
\t \t $('#'+boxId).stop().fadeToggle();
\t });
});.leftbox {
\t width: 100px;
\t height: 100px;
\t border: 1px solid black;
\t float: left;
}
.rightbox {
\t width: 100px;
\t height: 100px;
\t border: 1px solid black;
\t background: #99bf8f;
\t margin-left: 110px;
\t display: none;
}
.container {
float:left;
}<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="test.css">
</head>
<body>
<div class="container">
<div class="leftbox" data-id="functionbox1"></div>
<div class="rightbox" id="functionbox1"></div>
</div>
<script src="test.js"></script> \t \t \t
</body>
</html>
うわー、ありがとうございました！あなたは私の命を救いました！！ – confused5000
問題ありません！答えとしてマークすることができれば、多くの助けになります。 – Neil
私は午前中ですが、私は5分間待たなければならないというエラーが続いています。申し訳ありませんが、タイマーがアップするまで待つよ – confused5000