【问题标题】：Show div only in specific area?仅在特定区域显示 div？
【发布时间】：2013-05-29 11:29:31
【问题描述】：

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

没有想法：/

【问题讨论】：

【解决方案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;
}

【讨论】：