-5

我想仅在相应的 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 上时,仅显示与此相关的内容。

没有想法:/

4

1 回答 1

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;
}
于 2013-05-29T11:56:30.823 回答