http://codepen.io/Martin-Duran/pen/lDiyo
The above pen illustrates a way to make a responsive layout that includes a sidebar. When the final breakpoint is met, the navigation disappears, and a navigation icon appears. When the icon is clicked, the navigation appears. I accomplished this with jQuery, and I’m using .addClass() to add class “close” to the icon so that, after the navigation is opened, when it is clicked on the navigation closes. It works, until you do it a second time. The second time around, the navigation opens and immediately closes. It seems as if the class “close” is not being removed after the first second click. Feedback/help is appreciated, thanks.