0

アニメーションが完了したときに非表示のボタンを表示する jQuery の書き方を知りたいです。Button は、ユーザーがアニメーションをもう一度見ることができるように、そのアニメーションを更新する必要があります。

ここでフィドル:http://jsfiddle.net/rabelais/ZeMcP/

HTML

<div class="bar1"><div class="alt0"></div></div>

<div id="button"><a href="#">refresh</a></div>

CSS

.bar1 {
width: 200px;
height: 20px;
background-color: black;
}
.alt0 {
width: 0px;
height: 20px;
background-color: orange;
}
#button {
display: none;
}

jQuery

$('.bar1').mouseenter(function(){
 $('.alt0').animate({width: "200px"}, 1000)
});
4

3 に答える 3

3

完全な機能を追加できます

$('.bar1').mouseenter(function () {
    $('.alt0').animate({
        width: "200px",
        complete: function () {
            $("#button").toggle();
        }
    }, 1000)
});
于 2013-10-12T09:06:00.857 に答える