PDA

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



kia9372
شنبه 12 تیر 1395, 21:08 عصر
$(document).ready(function () {
$(".navigation-icon").click(function (event) {
$(".top-header").animate({'width':'1119px'},800);
})
})



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

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

milad_d993
یک شنبه 13 تیر 1395, 11:06 صبح
$(document).ready(function(){
$(".navigation-icon").toggle(
function(){$(".top-header").animate({'width':'1119px'},800);},
function(){$(".top-header").animate({'width':'1349px'},800);}
);
});

kia9372
یک شنبه 13 تیر 1395, 13:47 عصر
$(document).ready(function(){
$(".navigation-icon").toggle(
function(){$(".top-header").animate({'width':'1119px'},800);},
function(){$(".top-header").animate({'width':'1349px'},800);}
);
});



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

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

. 141226

mr_behzad
شنبه 23 شهریور 1398, 14:33 عصر
$(document).ready(function(){
$(".navigation-icon").toggle(
function(){$(".top-header").animate({'width':'1119px'},800);},
function(){$(".top-header").animate({'width':'1349px'},800);}
);
});


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

mr_behzad
دوشنبه 25 شهریور 1398, 12:46 عصر
میتونی از toggleClass استفاده کنی:
$('.navigation-icon').click(function(){
$('.top-header').toggleClass('ok');
});

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