响应式菜单需要在栏下面打开

Question

使用以下链接参与响应式菜单部分

[http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]

当我在320x460窗口分辨率下打开它时菜单栏上方的菜单打开我希望它在栏下方

Answer 1

<nav class="clearfix">
    <a href="#" id="pull">Menu</a>
    <ul style="display: none;" class="clearfix">
        ...
    </ul>
</nav>

$('#pull').click(function() {
    $(this).next('ul').slideToggle();
});

您似乎需要调整媒体查询才能匹配。菜单不会以更高的分辨率显示。

编辑：我在你的新小提琴中看到你正在用jQuery处理其中一些。可能最好留给CSS。