مشکل در نمایش sidebar

سلام

فکر نمی کنم مشکل از toggleClass باشه  بلکه مربوط به استایل های sidebar.active#هست که برای direction=rtl تنظیم نشده ، برای رفعش بهتر است استایل جداگانه برای این direction هم در نظر گرفته بشه. استایل مربوط به آن را میشه به این صورت نوشت ، با اضافه کردن این استایل ها به css احتمالا مشکلتون حل میشه

[dir="rtl"] #sidebar {
    transform-origin: bottom right;
}

[dir="rtl"] #sidebar.active {
    margin-left: 0;
    margin-right: -250px;
    transform: rotateY(-100deg);
}

البته نیاز به توضیح نیست که در مورد breakpoint ها هم باید به همین شکل عمل کنید

@media (max-width: 768px) {
    
    [dir="rtl"] #sidebar {
        margin-left: 0;
        margin-right: -250px;
        transform: rotateY(-90deg);
    }
    
    [dir="rtl"] #sidebar.active {
        margin-right: 0;
        transform: none;
    }
}