0

パネルをアニメーション化するためにこのスクリプトを作成しました（開閉）：

$(window).load(function () {
    var z = '';
    $("#painel").hide()
    $(".btvagas").click(function () {
        z++;
        $("#painel").animate({
            width: 'toggle'
        });
        if (z === 1) {
            $("#painel").animate({
                width: '400px'
            });
            $(".btvagas").animate({
                left: '336px'
            });
        } else {
            $(".btvagas").animate({
                left: '-65px'
            });
            z = 0;
        }
    })
});

ここでhtmlとcssを含むすべてのコードを見ることができます： http://codepen.io/LuanPiegas/pen/wFyjG

しかし、私はjQueryとJavaScriptが初めてなので...これを行うより良い方法があり、同じ結果が得られますか?

4

2 に答える 2

-1 
$('#foo').toggle(function(){
        $('#foobox').animate({marginLeft: '0'}, 1000);
        $('#foobox').animate({marginLeft: '354'}, 1000);
    },
    function(){
        $('#foobox').animate({marginLeft: '0'}, 1000);
    });

JSFIDDLE デモ

于 2013-09-07T16:03:05.497 に答える