我想仅在相应的 div 中显示一个选项(div)而不同时显示给另一个。
前任:
<div id="div-<?php echo ID(); ?>">
<a id="option"></a>
</div>
<div id="div-<?php echo ID(); ?>">
<a id="option"></a>
</div>
当您将鼠标悬停在 div 上时,仅显示与此相关的内容。
没有想法:/
我想仅在相应的 div 中显示一个选项(div)而不同时显示给另一个。
前任:
<div id="div-<?php echo ID(); ?>">
<a id="option"></a>
</div>
<div id="div-<?php echo ID(); ?>">
<a id="option"></a>
</div>
当您将鼠标悬停在 div 上时,仅显示与此相关的内容。
没有想法:/
<div class="parentDiv">
<a class="hidden">Delete post</div>
</div>
<div class="parentDiv">
<a class="hidden">Delete post</div>
</div>
CSS:
a.hidden{
display:none;
}
与 jQuery 相比:
$('.parentDiv').hover(function(){
$(this).find('.hidden').stop().fadeToggle();
});
.parentDiv .hidden{
opacity:0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.parentDiv:hover .hidden{
opacity:1;
}