باز شدن سایدبار با استفاده از جاوا اسکریپت

---

        
html
                 <div id="wrapper" dir="rtl">

</div>

<button id="btn1" class="btn btn-primary" onclick="abc()">باز شدن</button>
 
            

        
css
                 #wrapper{
    width: 300px;
    height: 100vh;
    background-color: blue;
    position: absolute;
    right: -300px;
    transition: right 1s;
}
 
            

            
js
                 function abc(){
    document.getElementById("wrapper").style.right = '0px';
}
 
            

باز شدن