Скольжение справа налево по вертикальному меню › Jquery

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

У меня нет кода, который пробовал с 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>


javascript html jquery css hamburger-menu
person Trence Angov    schedule 16.02.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Это то, что вы ищите?

ссылка CodePen

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

JQUERY:

$('.ham-menu').click(function(){
  $('.first-section').toggle();
})
person amansoni211    schedule 16.02.2017
comment
Не совсем так. Вертикальный div отображается: нет, и при нажатии на меню гамбургера его можно скользить справа налево. Я не скрывал вертикальный div с display: none, так что вы можете просмотреть существующий - person Trence Angov; 16.02.2017
comment
Я обновил свой ответ. Пожалуйста, проверьте, если это то, что вам нужно. - person amansoni211; 16.02.2017
comment
Спасибо, я продолжу анимацию, большое спасибо - person Trence Angov; 16.02.2017