我要隐藏将在div上显示的工具提示div,因此,一旦将鼠标悬停在下一个div上,就会隐藏上一个div工具提示。但是,当鼠标移到下一个div区域时,它就隐藏了。
https://codepen.io/codepat007/pen/BazYXKo
我的代码
$(".tooltipsShow").click(function() {
$(".tooltips").show();
});
$(".tooltipsShow").hover(function() {
$(this).nextAll().eq(0).find(".tooltipsText").parent(".tooltips").hide();
});
.tooltips {
display: none;
padding: 10px;
position:absolute;
top: 10%;
left: 30%;
background: green;
color:#fff;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tooltipsShow">
<p>Some text 1</p>
</div>
<div class="tooltipsShow">
<p>Some text 2</p>
</div>
<div class="tooltipsShow">
<p>Some text 3</p>
</div>
<div class="tooltipsShow">
<p>Some text 4</p>
</div>
<div class="tooltips"><p class="tooltipsText">I am tooltips</p></div>
答案 0 :(得分:0)
然后将鼠标悬停在工具提示div上
$(".tooltipsShow").hover(function() {
console.log('hover');
$(".tooltips").hide();
});