0

次のコードがあります。

$(function(){
    $("#flip").click(function(){
    $("#panel").slideDown(5000);
  });
   $("#stop").click(function(){
    $("*:animated").stop();
  });

#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}


<button id="stop">Stop sliding</button>
<div id="flip">Click to slide down panel</div>
< div id="panel">Hello world!</div>

上記のコードはアニメーションを停止するだけです。次のクリックでアニメーションを再生したいのですが、どうすればよいですか? imaは完全な初心者です。css3ではなくjqueryコードを使用するトリックがない場合、単にアニメーションを開始するjqueryメソッドはありますか

4

3 に答える 3

0

プラグインを使用しないと、次のようなことができます。

jsフィドル

$(document).ready(function () {
    $("#flip").click(function () {
        $('#panel').stop().slideToggle(2000, function () {});
    });
    $("#stop").click(function () {
        $("#panel").stop();
        if ($(this).hasClass("open")) {
            $('#panel').slideUp(2000);
            $(this).removeClass("open");
        }
        $(this).addClass("open");
    });
});
于 2013-05-09T10:09:01.943 に答える