僅在特定區域顯示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; 
}