JSがハンバーガーアニメーションを作成するときの問題

Question

hamburger menu divのクラスを変更するこのJSコードを書きました。ほとんどのブラウザで動作しますが、古いものではありません（クラスやコンソールにエラーは出ません）。

JSコード：

var hamburger = document.querySelector("#hamburger"); // hamburger menu 
var mtMenu = document.querySelector(".m-t-menu"); 

hamburger.addEventListener("click", function() { 
    if (hamburger.classList == "close") { 
     hamburger.classList = "open"; 
     mtMenu.style.display = "block"; 
    } else if(hamburger.classList == "open") { 
     hamburger.classList = "close"; 
     mtMenu.style.display = "none"; 
    } 
}); 

は、何か問題があるのか​​、jQueryのせずにそれを書くためのより良い方法はありますか？

Answer 1

代わりに、メソッドcontainsを使用してください。このメソッドはブール値（trueまたはfalse）を返します。

hamburger.addEventListener('click', function(){ 
    if (hamburger.classList.contains('close'){ 
    hamburger.className = 'open' 
    mtMenu.style.display = 'block' 
    } else if (hamburger.classList.contains('open')){ 
    hamburger.className = 'close' 
    mtMenu.style.display = 'none' 
    } 
}) 

ただし、古いブラウザではcontainsメソッドが使用できない可能性があります。私は完全にはわからない。