下拉式扩展程序按钮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

回答

相关问题