拡張ボタンをドロップするJavaScript

Question

私はdivを作成してボタンをクリックするとスライドアウトし、もう一度ボタンをクリックすると収縮します。

テスト済みで、問題はJavaScriptコードで解決しますので、下記をご覧ください。

#containerExtension { 
    height:0px; 
    overflow: hidden 
} 

#containerExtension.show { 
    height:auto; 
} 

var extension = document.querySelector("#containerExtension"); 
var extensionButton = document.querySelector("#extensionButton"); 

extensionButton.addEventListener("click", showHide, false); 

function showHide(){ 
    if(extension.classList.contains("show"){ 
     extension.classList.remove("show"); 
    }else{ 
     extension.classList.add("show"); 
    } 
} 

Answer 1

あなたのshowHide()関数内クロージング条件付きで)が欠落しています。する必要があります：

function showHide(){ 
    if(extension.classList.contains("show")){ 
     extension.classList.remove("show"); 
    }else{ 
     extension.classList.add("show"); 
    } 
}