像Bootstrap一样切换菜单

Question

我想制作一个像Twitter Bootstrap中使用的响应式菜单，但我不想使用bootstrap。这是一个小项目，我不需要使用整个框架。我知道它是用自定义数据标签和jquery完成的，但我不确定如何。

-

我想学习如何制作切换菜单。我知道如何使其响应，但我不知道如何打开和关闭菜单项。

Answer 1

基础知识。如果你有一个想要显示或隐藏的对象，你只需添加该类，然后使用以下任一css display：none;或能见度：无;

.nav{
 width:960px;
 }

@media only screen and (max-device-width: 300px) { 
    .nav{
    width:300px;
    }

}