jQuery 响应式切换菜单(点击返回父级时的 ul)桌面除外

Question

此菜单在桌面上运行良好，但当我切换到移动设备时，我希望菜单在单击 ul 时向上滑动。到目前为止，当用户点击顶部/主菜单时，菜单会向上滑动。这很好，但我希望通过滑动/淡化子菜单来获得更好的用户体验。

Answer 1

我不知道您是否需要其他 jQuery，但我只是将 html 添加到文档中并用此替换了您的 javascript:

$('#menu-button').on("click", function () {
    $('#cssmenu ul').slideToggle();
});

利用 jQuery 的 slideToggle() 功能。

这是 fiddle :http://jsfiddle.net/16cq72ms/3/