Jquery Aria扩展菜单响应

我有一个响应菜单，想按条件展开/折叠，我的问题是双重的：

菜单属性更改时可以获取事件吗？f、 e.：属性是aria扩展的，好的，因此有一个函数作为

$（'#ID'）。on（'aria-expanded-changed'）

我可以通过css改变菜单的位置吗？当make click on按钮展开时，菜单显示在顶部，徽标图像显示在顶部。我可以改变位置并把它放在标志的底部吗

---

谢谢

我用events jQuery解决了我的问题。首先，当您点击按钮展开菜单时，检查导航是否展开；如果为false，则将菜单X像素移到底部，否则边距为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');
});

到目前为止，工作