کمک: اعمال تفییرات 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 بنظرم بهتر هست
برای من که جواب داد
تشکر از همه