0

jquery でアニメーション パネルを作成しようとしていますが、コードがうまく動作しません。助けてください。ここに私のコードがあります:

jQuery('#style_selector .open').click(function() {
    jQuery('#style_selector').stop(true).animate({"left":"200px"});     
});
jQuery('#style_selector .open').click(function(){
    jQuery('#style_selector').stop(true).animate({"left":"-200px"});        
});
4

1 に答える 1

0

イベント ハンドラーを 1 つアタッチし、その中でアニメーションの方向を切り替えるだけで済みます。セレクターを変数に格納して、何度も再クエリしないようにすることもできます。

JavaScript

var container = $('#style_selector');

container.find('.open').click(function() {
    var direction = null;

    if (!container.data('open')) {
        direction = '+=';
        container.data('open', true);
    } else {
        container.data('open', false);
        direction = '-=';
    }

    container.stop(true).animate({ "left": direction + "200px" });
});

デモ

購入前にお試しください

于 2013-10-30T18:07:27.503 に答える