jQuery悬停时如何让隐藏的div保持可见？答案

【问题标题】：How to get a hidden div to stay visible when hovered over with jQuery?jQuery悬停时如何让隐藏的div保持可见？
【发布时间】：2017-04-02 02:53:05
【问题描述】：

我有一个令人困惑的问题。当我的第一个 div“leftbox”悬停在上面时，“rightbox”（隐藏的 div）会显示，但当“leftbox”没有悬停时它最终会消失。但是当右框悬停时我需要“右框”保持可见，然后当用户的鼠标离开右框时，然后它应该消失。我怎样才能让它工作？非常感谢您的帮助。

【问题讨论】：

标签： javascript jquery html css hover

【解决方案1】：

如果你添加一个容器类，它就可以正常工作。

$(function(){
	$('.container').hover(function(){
		var boxId = $(this).find("[data-id]").attr('data-id');
		$('#'+boxId).stop().fadeToggle();
	});
});

.leftbox {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	float: left;
}
.rightbox {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	background: #99bf8f;
	margin-left: 110px;
	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> 			
</body>
</html>

【讨论】：

没问题！如果您可以标记为答案，那将有很大帮助。
我是，但我一直收到一个错误，我必须等待 5 分钟。抱歉，我会等到计时器到时