Как отредактировать меню?

Question

[partyzanx]

Здравствуйте)
Всё бы хорошо, но:
1. Меню не листается когда много содержимого внутри. Нужно чтобы листались, и чтобы сверху отступ был (чтоб не накладывалось на кнопку активации меню)
2. Нет анимации появления всех внутренних элементов при открытии. (плавно появляются и исчезают только первые несколько)
3. И меню не закрывается, когда кликаешь по области вне меню (по сайту).

Помогите, пожалуйста, исправить.

Answer 1

[Павел]

1) ну надо переверстать его, сейчас так и задумано
2) тут надо дописать под все пункты меню или сделать общий один , а под отдельные прописать таким макаром

.nav__link:nth-child(1) {
  transition-delay: 0.05s;
}
.nav__link:nth-child(2) {
  transition-delay: 0.1s;
}
.nav__link:nth-child(3) {
  transition-delay: 0.15s;
}
.nav__link:nth-child(4) {
  transition-delay: 0.2s;
}

3) берем весь html код меню в обертку .wrap и дописываем немного js кода
https://jsfiddle.net/vxuLzya2/

Comments

[partyzanx]

3) берем весь html код меню в обертку .wrap и дописываем немного кода
$(document).mouseup(function (e) {
    var container = $(".wrap");
    if (container.has(e.target).length === 0){
        toggleNav();
    }
});

Теперь меню открывается при любом клике на сайт и закрывается также))) А нужно чтобы открывалось только при клике на кнопку вызова, а закрывалось при нажатии на кнопку вызова или клике на область, которую не покрывает меню.

[Павел]

partyzanx, я бы сделал так
https://jsfiddle.net/vxuLzya2/

[partyzanx]

mrusklon, уже лучше)))
а как сделать чтобы теперь можно было листать, помогите, пожалуйста)

[Павел]

partyzanx, это лучше отдельный вопрос в тег #css задать