下拉式擴展程序按鈕JavaScript

我創建的div可以在按鈕單擊時滑出，然後在再次單擊該按鈕時收回。下拉式擴展程序按鈕JavaScript

經過測試，問題出在我的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"); 
    } 
}

來源

2017-08-07 JClive

你的問題是什麼？ – marcusshep

我的java不正確，因爲它不運行。即時通訊假設它是擴展..classList.contains（「顯示」）行。 – JClive

歡迎來到StackOverflow。請閱讀以下文檔（https://stackoverflow.com/help/how-to-ask），然後相應地修改您的問題。基本上，請在你的問題中更具體。我們不是全面服務的調試服務。「它沒有運行」並沒有告訴我們任何事情。你期望會發生什麼，爲什麼。究竟發生了什麼？你懷疑是什麼罪魁禍首。您已經採取了哪些研究來嘗試自己調試問題。 – SherylHohman

-1

你缺少你showHide()函數內的條件關閉)。應該是：

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

來源

2017-08-07 19:31:35 APAD1

謹慎解釋downvote？ – APAD1

下拉式擴展程序按鈕JavaScript

回答

相關問題