2

ハンバーガー SVG をクリックすると、ドロップダウン メニューが表示されます。TALL Stackで Tailwindを使用しています。私が遭遇したほとんどの Tailwind チュートリアルまたは投稿は、このプロジェクトで使用していない Vue.J を利用しています。

これが私のコードです。誰かが私を正しい方向に向けてくれることを願っています。

<button type="button" id="hamburgerbtn" class="hover:text-white focus:outline-none focus:text-white">

<div class="hidden mt-3 md:flex md:flex-row" id="mobileMenu">

<style>
    .active{
        display: block;
    }    
</style>

<script>
    let hamburger = document.getElementById('hamburgerbtn');
    let mobileMenu = document.getElementById('mobileMenu');

    hamburger.addEventListener('click', function(){
        mobileMenu.classList.toggle('active');
    });
</script>
4

1 に答える 1