0

ここで、クリック イベントで div の位置を右から左にアニメーション化することについて簡単な質問があります。私はこのようにcssを設定しました

#featured {
position:fixed;
top:0px;
right:-400px;
border-left:1px solid #000;
background:#fff;
padding:20px;
width:350px;
height:100%;
opacity:0.9;

}

これで、正しい位置を 0px にアニメートするように動作するようになるかもしれませんが、再び閉じる時点で行き詰まります。

私は基本的に「info」というdivを持っています。クリックすると、#featured がアニメーション化され、その中に div #close があり、#featured が元の右に戻るようにします: -400px; 位置。

他にもアニメーション機能のある投稿を見つけましたが、「閉じる」「開く」機能のある投稿はありませんでした。Jqueryに関してはまだ初心者なので、彼女に聞いてみようと思いました。どんな助けでも大歓迎です。

4

1 に答える 1

0

これを一度試してください：

$("#target").click(function () {
    var left = $('#coolDiv').offset().left;
    $("#coolDiv").css({
        left: left
    }).animate({
        "left": "0px"
    }, "slow");
});

デモはこちら

于 2013-02-18T14:12:42.150 に答える