Jqueryコードからシンプルなjavascript

Question

ご協力ありがとうございます。このjqueryコードをコアjsコードに変換します。私はangularJsアプリを開発しています。このコードはほとんどの場合動作しません。私は にそれを変更したい理由ですこれは私のjqueryのコードで、私は上記のコードを使用することはできませんよ唯一の理由は、それがcode.jquery.com/jquery-latest.min.jsを使用している

<script> 
    jQuery(document).ready(function ($) { 

     console.log('jquery'); 

     var trigger = $('.hamburger'), 
       overlay = $('.overlay'), 
       isClosed = false; 

     $('.hamburger').click(function() 
     { 
      hamburger_cross(); 
     }); 

     function hamburger_cross() 
     { 
      console.log('trigger'); 

      if (isClosed == true) { 
       overlay.hide(); 
       trigger.removeClass('is-open'); 
       trigger.addClass('is-closed'); 
       isClosed = false; 
      } else { 
       overlay.show(); 
       trigger.removeClass('is-closed'); 
       trigger.addClass('is-open'); 
       isClosed = true; 
      } 
     } 
     ; 

     $('[data-toggle="offcanvas"]').click(function() { 
      $('#wrapper').toggleClass('toggled'); 
     }); 
    }); 
</script> 

"jqueryライブラリ"他の競合を引き起こしているため、このリンクを削除したいと思います。誰かがそれを単純なjavascriptに変換すると、私はとても感謝しています。ここで

Answer 1

我々はすべてのコードを足すことであなたを助けることはできません。しかし、このウェブサイトをチェックアウトすると、あなたのコードへの参照がたくさんあります。 http://youmightnotneedjquery.com/。これがあなたを助けてくれることを願っています。