0

CSSポジショニングの問題についてあなたの助けが必要でした。コードペンのコードへのリンクは次のとおりです... http：//codepen.io/anon/pen/FKdLq

[最新ニュース]をクリックすると、テキストがスライドインおよびスライドアウトしますが、実際のボタン自体は静止したままです。私が欲しいのは、「最新ニュース」ボタンがクリックされたときにテキストと一緒にスライドすることですが、それを理解することはできません：|

全体を右側のブラウザウィンドウに修正する必要があります。

どんな助けでもいただければ幸いです。

PS私はjQueryを非常に初めて使用していますが、jQueryコードは「クリーン」ですか？;）

4

1 に答える 1

1

「ボタン」（h2と私は信じています）もアニメートしていることを確認してください。thisクリックされているので、関数内で参照できます。JSの修正バージョンは次のとおりです。

$(function() {
    $("aside h2").toggle(function(){
            $('.box').animate({ right:"-350"});
            $(this).animate({right:"0"});
        },function(){
            $('.box').animate({ right:"-5"});
            $(this).animate({right:"271"});
    });
});

それが何らかの形で役に立ったことを願っています！

于 2012-08-18T17:07:06.690 に答える