Aria Расширенного меню Отзывчивого

Question

У меня есть отзывчивое меню и хотите развернуть/свернуть на состоянии и мой вопрос двойные:

1. Могу ли я получить событие, когда атрибут меню изменится? f.e .: attr is aria-extended, ok, следовательно, имеют функцию $('#ID').on('aria-expanded-changed')
2. Могу ли я изменить положение меню на css? Когда вы нажимаете на кнопку, чтобы развернуть ее, меню появляется сверху, а изображение логотипа сверху. Могу ли я изменить положение и поместить его в нижней части логотипа?

Благодаря

Answer 1

Я решить мою проблему с событий JQuery. Во-первых, когда вы нажимаете кнопку, чтобы развернуть меню, проверьте, расширена ли навигация или нет; если оно ложно, переместить меню X пикселей вниз и otherwhise маржинальной = 0 пикс

$('#button').click(function() { 
    var expanded = $('#nav_sup').attr('aria-expanded'); 
    (expanded == 'false') ? $('#ul_nav').css('margin-top', '120px') : $('#ul_nav').css('margin-top', '0px'); 
}); 

И еще один момент, чтобы принять это, когда размер окна изменяется, сделать сброс параметров:

$(window).on('resize', function(){ 
    $('#nav_sup').removeClass('in'); 
    $('#nav_sup').attr('aria-expanded', 'false') 
    $('#ul_nav').css('margin-top', '0px'); 
}); 

К настоящему времени нет ...