javascript - Jquery:不能淡入 元素

Question

我有一个 span 元素，我想让它从不显示淡入。淡出效果很好，但淡入效果不佳，

这是 span 元素的 css:

$(".button_5").hover(function () {
        $(".box5 span.info").fadeIn();
    });

//The fade out just works fine:

    $(".button_5").hover(function () {
        $(".box5 span.info").fadeOut();
    });

.box5 span.info:before{
        content:"15 vacatures";
        margin:0;
        padding:0 0 28px 0;
        display:0;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="col1">
        <div class="button_5">
            <div class="box5">
                <br><br>
                <span class="title"></span><br/>
                <span class="info"></span>
            </div>
        </div> 
    </div>

Answer 1

您必须将 display: none 添加到您的 span.info 元素，以便淡入...

http://jsfiddle.net/oqfhuLzn/3/

.box5 span.info {
    display: none;
}