仅在特定区域显示div？

Question

我想只在相应的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 show上时，只显示相同的内容。

没有想法：/

Answer 1

<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();
});

---

或没有jQ：

.parentDiv .hidden{
    opacity:0;
    -webkit-transition: 0.3s;
            transition: 0.3s;
}
.parentDiv:hover .hidden{
    opacity:1;
}