کمک: اعمال تفییرات css بوسیله jquery (جابجایی)

[avaiehagh]

سلام
من یک div دارم position:absolute و right:0px که با jqyery کاری کردم روی یک کلاس کلیک شد این div right:300px بشه
حالا میخوام رو همون کلاس کلیک شد دوباره right:0px بشه ... یعنی یک حالت toggle بین right صفر و 300 پیکسل ...

اینم کد jquery من:



$('.sidebar').click(function(){
$(div).css('right', '300px');
});


حالا مخوام دوباره کلیک شد رو div برگرده سرجاش

[T.Toosi]

$('.sidebar').click(function(){
if($(this).css('right') == 'auto' || $(this).css('right') == '0px') $(this).css('right', '300px');
else $(this).css('right', '0');
});

[mojtaba05]

سلام، علاوه بر روش بالا از toggleClass هم می تونید استفاده کنید:

بخش جی کویری:

$('.sidebar').click(function(){
$('div').toggleClass('active');
});

بخش سی اس اس:

div {
position: absolute;
right: 0;
}
.active {
right: 300px;
}

[ms313]

با یه دونه ifگذاشتن مشکلتون حل میشه

[avaiehagh]

با یه دونه ifگذاشتن مشکلتون حل میشه


ممنون همون toggleClass بنظرم بهتر هست
برای من که جواب داد
تشکر از همه