Website header navbar mein simple html or css se bane menu ko javascript code se responsive menu mobile or tab view ke liye easily bana skate hai,yaha javascript code html css ul li mein bane menu ko selected options values dropdown mein convert krta hai, es responsive javascript 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, bina css media query ke website menu automatic drop down responsive navbar mobile or tab menu JavaScript (JS) code se bna sakte hai.

Create Drop-down Responsive Menu to JavaScript 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.
<script> <script src="https://code.jquery.com/jquery-3.2.0.min.js"></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(); }); });