在調整瀏覽器窗口大小時創建可下拉菜單

Question

所以我試圖實現一個響應式網站。

這裏是我的導航到目前爲止（窗口最大化）：

我想實現的是，當窗口大小，新標籤將出現一個名爲菜單。這將是一個按鈕，一旦點擊將顯示我所有的現有鏈接。

我有兩個獨立的div's，理想情況下，當窗口大小，我想從兩個lists內容在這個新的菜單要查看能夠在兩個名單。

這是它看起來在Chrome調整以來的最低寬度，如：

正如你所看到的圖像（伸展，姿態等），在這些鏈接，這些應該是不可見的。一旦菜單被點擊，它們應該動態顯示，這是另一個問題，點擊菜單什麼也不做。

一切我都可以在這個小提琴發現：https://jsfiddle.net/hudnybux/

Answer 1

這是一個相當普遍的用例作爲即時通訊相信你能想象的。谷歌搜索花了我5秒，this是第一個彈出。看起來簡單直接。

作爲堆棧溢出的一般規則，在問一個問題之前，先試着環顧一下...人們通常會對您的答案做出更好的迴應。 :)