Скользящий справа налево вертикальный Меню> JQuery

Question

Привет, ребята, я хочу, чтобы мое вертикальное меню было наклонено справа налево. Но, насколько я пришел с jquery, с .toggle() (и это сверху вниз) Я хочу, чтобы при нажатии на меню гамбургера меню было наклонено справа налево. Если any1 может мне помочь я бы действительно aprreaciate

Я не имею никакого кода пытался с JQuery для откатных справа налево, я только пытался с .toggle

.ham-menu{ 
 
    width: 35px; 
 
    display: block; 
 
    z-index: 2; 
 
    position: relative; 
 
    top: 10px; 
 
    right: 15px; 
 
    cursor: pointer; 
 
} 
 

 
.ham-menu .line{ 
 
    background: green; 
 
    width: 100%; 
 
    display: block; 
 
    margin-top: 3px; 
 
    height: 4px; 
 
    border-radius: 2px; 
 
} 
 
.first-section{ 
 
    padding: 0; 
 
} 
 
.first-section .slide-menu{ 
 
    width: 20vw; 
 
    height: 100vh; 
 
    background-color: #000; 
 
    z-index: 1; 
 
    position: absolute; 
 
    top: 0; 
 
    right: 0; 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
} 
 
.list-menu{ 
 
    list-style: none; 
 
    text-align: center; 
 
    font-size: 30px; 
 
} 
 
.list-menu li{ 
 
    margin: 20px; 
 
} 
 
.list-menu a{ 
 
    text-decoration: none; 
 
    color: #fff; 
 
}

<div class="ham-menu"> 
 
     <span class="line"></span> 
 
     <span class="line"></span> 
 
     <span class="line"></span> 
 
</div> 
 

 
<div class="first-section container-fluid"> 
 
     <div class="slide-menu"> 
 
      <ul class="list-menu animated"> 
 
       <li><a href="#">Home</a></li> 
 
       <li><a href="#">About</a></li> 
 
       <li><a href="#">Contact</a></li> 
 
       <li><a href="#">Footer</a></li> 
 
      </ul> 
 
     </div> 
 
    </div>

Answer 1

Это что ты ищешь?

CodePen link

.first-section{ 
    display: none; 
    padding: 0; 
} 

Jquery:

$('.ham-menu').click(function(){ 
    $('.first-section').toggle(); 
})