برگشت مقدار اولیه بعد از اجرا انیمیشن در JQuery

[kia9372]

$(document).ready(function () { 

    $(".navigation-icon").click(function (event) { 

        $(".top-header").animate({'width':'1119px'},800); 

    }) 

})

این کد وقتی وری یه دکمه کلیلک میکنم عرض هدر از 1349 به 1119 تغییر میکنه ولی میخوام وفتی دوباره روی همون دکمه کلیلک میکنم از 1119 به همون 1349 برگرده .

دوستان لطفا راهنمایی کنید .

[milad_d993]

$(document).ready(function(){

    $(".navigation-icon").toggle(

        function(){$(".top-header").animate({'width':'1119px'},800);},

        function(){$(".top-header").animate({'width':'1349px'},800);}

    );

});

[kia9372]

$(document).ready(function(){

    $(".navigation-icon").toggle(

        function(){$(".top-header").animate({'width':'1119px'},800);},

        function(){$(".top-header").animate({'width':'1349px'},800);}

    );

});

وقتی toggle استفاده میکنم ، اون دکمه ناپدید میشه

ولی وقتی از Click استفاده میکنم این دکمه ناپدید نمیشه ولی عرض صفحه تغییر نممیکنه

. Untitled.png

[mr_behzad]

$(document).ready(function(){

    $(".navigation-icon").toggle(

        function(){$(".top-header").animate({'width':'1119px'},800);},

        function(){$(".top-header").animate({'width':'1349px'},800);}

    );

});

سلام من هم مشکل برگردوندن مقدار رو دارم ولی این که شما گفتید انجام نمیشه

[mr_behzad]

میتونی از toggleClass استفاده کنی:

$('.navigation-icon').click(function(){

          $('.top-header').toggleClass('ok');

        });

ok‌در واقع کلاسی هست که سوییچ میشه