ブートストラップのレスポンシブ ナビゲーションに似たものを作成しようとしています。メディア クエリが開始されるように画面サイズを縮小すると、メニュー ボタンをクリックすると、ul が下にスライドします。しかし、メニューボタンをもう一度クリックすると、ul が上向きになりますが、すぐに元に戻ります。どうすればこれを防ぐことができますか? また、おまけとして、メニュー ボタンをクリックして ul を下にスライドさせると、メニュー ボタンの右側の背景が残りの ul/nav とは異なる色になります。ナビ全体で背景を一定に保つ方法はありますか?
ペイン付きの jsFiddle は次のとおりです: http://jsfiddle.net/scottm28/mRbPd/
フルスクリーン: http://jsfiddle.net/scottm28/mRbPd/embedded/result/