jQuery

1

2

3

4

5

$(document).ready(function(){

$(".showhide").click(function(){

$("nav").slideToggle("slow");

});

});

Add the above jQuery in your footer or header but i recommend in footer.

Note: Do not forget to include the meta name=”viewport” in your head section. Otherwise responsive layout will not work in your mobile devices or smart phones but work only in your computer browser. Below is the script to include in your header section.