仅在特定区域显示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> 

当你将鼠标悬停在格只显示为同一有关。

没有想法：/

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