0
JavaScriptを習得しようとしていますが、純粋なJSで簡単なサンプルを見つけるのは簡単ではありません。私はjQueryで次のコードを書いていますが、純粋なJSでドロップダウンナビゲーションバーを作成するのが大好きです。どのようにコードにアプローチする上の任意のアイデア?これは私がHTMLとjQueryで作られたものですPure JS scrolldown navbar
:
私はで終わるものだ<nav>
<ul>
<a href='#' id='logo'><h2>QuokkaCentral</h2></a>
<a href='#' id='hamburger'><li>MENU ☰</li></a>
<a href='#' id='cross'><li>CLOSE X</li></a>
<div id='navbar'>
<a href='#' class='menu'><li>Quokka</li></a>
<a href='#' class='menu'><li>Rottnest</li></a>
<a href='#' class='menu'><li>Find us</li></a>
<a href='#' class='menu'><li>Social</li></a>
</div>
</ul>
</nav>
$("#navbar").hide();
$("#cross").hide();
$("#hamburger").click(function(){
$("#navbar").slideDown(300);
$("#hamburger").hide();
$("#cross").show();
});
$("#cross").click(function(){
$("#navbar").slideUp(300);
$("#cross").hide();
$("#hamburger").show();
});