@RusTaylor

Как открыть и закрыть меню при нажатие на один и тот же блок?

Добрый вечер, столкнулся с проблемой
Нужно при нажатие на блок открыть меню и при повторном нажатие на этот блок это меню закрыть.
На данный момент такой код и закрытие происходит через доп. блок
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<header>
<div class="group-ksk">
КСК
</div>
    <div class="menu">
        <ul>
            <li><a href="#">2 Курс</a></li>
            <li><a href="#">3 Курс</a></li>
            <li><a href="#">4 Курс</a></li>
        </ul>
    </div>
</header>
<div class="content">


</div>
<footer>

</footer>
<script src="JS/jquery-3.3.1.min.js"></script>
<script src="JS/script.js"></script>
</body>
</html>


var main = function() { 
    $('.group-ksk').click(function() {
  
        $('.menu').animate({ 

            top: '100' 

        }, 300); 

       
    });


   

    $('.icon-close').click(function() { 

        $('.menu').animate({ 

            top: '0' 

        }, 300); 

       
    });
 };

$(document).ready(main); /*
  • Вопрос задан
  • 377 просмотров
Решения вопроса 1
@FatMike
$('.menu').slideToggle()
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Сделайте логику через добавление/удаление класса в html, а js только будет его переключать по клику, например так:
$('.group-ksk').click(function() {
         $('.menu').toggleClass('isOpened');
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы