Website header navbar mein simple html or css se bane menu-bar ko javascript code se responsive mobile menu view or tab view ke liye easily bana skate hai,yaha java-script code html css ul li mein bane menu ko selected options values dropdown mein convert krta hai.
Responsive mobile view java-script code se website ke menu mobile mein properly dropdown navigation mein open hote hai, yaha bahut he simple or fast trick hai mobile responsive menu bane ka or mobile device mein menu select options drop down view ka simple or acha method hai.
Yaha very simple tricks se without media query style-css ke website menu automatic drop-down responsive layout navbar mobile or tab menu ke luye Java-Script (JS) code use kr ke esily bna sakte hai.

Create Drop-down Responsive Menu to Java-Script Code

how-to-drop-down-navbar-responsive-mobile-menu-create

Simple HTML Drop-down Navbar Responsive Menu JavaScript Code Se Kaise Banaye?

Niche diye gaye javascript code ko copy karo or apne website header navbar head tag ke bad paste krna hai, es javascript code mein ".menu" class likhi hai apko apni site ke menu class ko change krna hai, es code se automatic drop-down navbar responsive mobile menu create kr skate hai.
Note: JavaScript code ke sath mein apko jQuery CDN Url bhi add krni hoti hai, and cdn directy jquery.com ke host se connect hoti hai.
<script> $(function() { // Create the dropdown base $("").appendTo(".menu"); // Create default option "Go to..." $("", { "selected": "selected", "value" : "", "text" : "Navigate to..." }).appendTo(".menu select"); // Populate dropdown with menu items $(".menu a").each(function() { var el = $(this); $("", { "value" : el.attr("href"), "text" : el.text() }).appendTo(".menu select"); }); // To make dropdown actually work $(".menu select").change(function() { window.location = $(this).find("option:selected").val(); }); });