私はJQueryの使用にかなり慣れていないので、遊んでいました。ボタンのクリックで要素をフェードインさせようとしています。要素がまだフェードインしている間にユーザーがボタンをもう一度クリックすると、再び非表示/非表示を開始したいと思います。そのため、最初にすべてのアニメーションstop(true)
を停止してから、要素を非表示にしてフェードインさせます。
私はそれを機能させることはできません。2 番目のフェードインは、要素がその時点で持っている不透明度から始まり、そこからフェードインするようです。私もcss("opacity", 0)
代わりに使用しようとしましhide()
たが、要素の不透明度が0に設定され、fadeInが機能しなくなったようです。
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"> </script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function () {
$("span").stop(true).hide().fadeIn(3000);
});
})
</script>
<button>FadeIn</button> <span>Hello, world!</span>
</body>
</html>
JQuery 1.7.2 を使用し、Chrome と IE で試しました。
私は何を間違っていますか?