var button = $( ".mobpagemenu__button" );
button[0].click(function () {
var mobMenuPage = $(this).parent('nav.mobpagemenu');
mobMenuPage.removeClass('hidden');
mobMenuPage.toggleClass('mobpagemenu_opened');
});
button[1].click(function () {
var mobMenuPage = $(this).parent('nav.mobpagemenu');
mobMenuPage.removeClass('hidden');
mobMenuPage.toggleClass('mobpagemenu_opened');
});
$('.mobpagemenu__button').click(function () {
var mobMenuPage = $(this).parent('.mobpagemenu');
mobMenuPage.removeClass('hidden'); // вот это для чего?
mobMenuPage.toggleClass('mobpagemenu_opened');
});
(function($) { // по хорошему этого не надо
var button = $('.mobpagemenu__button'); // нельзя так делать, если у тебя два объекта с одинаковым классом, так как в переменную button будет записан последний созданный объект с таким классом
$( ".mobpagemenu__button" ).click(function() { // клик по любому объекту с таким классом
var mobMenuPage = $(this).parent('nav.mobpagemenu'); // получаем родителя текущего объекта по которому был совершён клик.
mobMenuPage.toggleClass('mobpagemenu_opened'); // переключаем название класса родителя текущего объекта. Один клик добавит класс, второй уберёт.
});
})(jQuery); // этого тоже