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

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

اینم کد jquery من:

کد:

---

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

---

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

کد:

---

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

---

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

بخش جی کویری:

کد:

---

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

---

بخش سی اس اس:

کد:

---

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

---

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

نقل قول:

---

نوشته اصلی توسط ms313

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

---

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