小编Alo*_*mar的帖子

我有一个div有一些内容,然后在悬停我试图FadeIn另一个跨越它同时fadding出容器div.悬停后容器div的问题转到opacity 0然后返回到我设置的值.感觉就像眨眼一样.我需要顺利.
这是我的代码:

Live JSFiddle:http://jsfiddle.net/alok108/Y7hgs/28/

HTML

<div class="campaign-box">
    <a href="#"class="like-box"> 
        <div class="box">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            <span>34234983-80</span>
        </div>    
        <span> </span>
    </a>
</div>

jQuery的

$(function () {
    $(".campaign-box span:last").hide();
    $(".campaign-box").hover(function () { 
        $(".box").css("opacity", 0.5);
        $(".campaign-box span:last").fadeIn("fast");           
    }, function () {        
        $(".box").css("opacity", 1); 
        $(".campaign-box span:last").fadeOut("slow");
    });
});

CSS

.campaign-box {
    display: block;
    height: 100px;
    width: 200px;
    border: solid black;
}
.box {
    display:block;
    height:100%; …