我对前端 Web 开发领域还很陌生，我只学习了大约一个半月的 HTML/CSS，学习 JS 的时间只有大约一周或更短。因为我想练习从不同网站学到的知识，所以我自己做了一个网站来测试我的知识。如果我问了太多问题，我想提前道歉，但我认识的人中没有人可以和我分享编码问题。

所以我想（仅用于测试）制作一个显示/隐藏 div，当您使用 JS 单击按钮时会激活该 div。我可以让它显示，但我想尝试使用“if/else”函数让它隐藏/显示。我以为我的代码是正确的，但它似乎不起作用，我找不到解决方案。我将与您分享我的代码（实际上我遇到问题的部分），如果您能帮助我找到解决方案，我将不胜感激。

HTML :

<button type="button" onclick="slide()" >Click Me</button>
<div class="divtest" id="dropdown">   
<span>If you are seeing this, then your JS worked! </span>
</div>

CSS（有些东西是没有意义的，我只是想加进去测试一下）：

.divtest {
position: absolute;
left: 25%;
bottom: 30px;
width: 50%;
height: 100px;
border: 2px solid black;
box-sizing: border-box;
box-shadow: 5px 5px 10px 3px;
text-align: center;
padding: 40px;
margin: 0 auto;
font-family: Cooper, sans-serif;
font-weight: 100;    
transition:  1s ease;
background-color: limegreen;
color: black;
display: none;
}

button {
position: absolute;
width: 50%;
left: 25%;
bottom: 130px;
padding: 10px;
border: 2px solid black;
background-color: limegreen;
box-shadow: 5px 5px 50px 3px;
color: black;
cursor: pointer;
font-family: Cooper, sans-serif;
font-weight: 100; 

}

JS:

<script>
function slide() {
    var drop = document.getElementById("dropdown"); // declares the element with id="dropdown" as a var
    var dropSetting = drop.style.display;  // declares that the variable "drop"'s display property is also a variable
    if (dropSetting == "none") {  // if the current value of display = "none" ( which it is as u can see in the CSS)
        dropSetting == "block";   // Then set it to "block" 
    }
    else {                                    // if the value of display != none
        dropSetting == "none";   // then set it to "none"
    }
}

</script>

如果您对代码或其他内容有任何疑问，请随时提问，因为这是我的测试网站中包含的单独功能，因此它与其他元素/属性没有任何关联。我首先以另一种方式尝试了此代码（不将 dropSetting 声明为 var，只是在 if/else 函数中添加了几行），但它仍然不起作用。我认为 JS 不会将“style.display”识别为属性，因为 Brackets 没有突出显示它。提前感谢您的时间，我希望很快我也能够用我所知道的知识帮助一些人！

另外 - 一个附带问题 - 您对树屋的看法是什么？我听说过很多关于它们的好话，我正在考虑报名以进一步了解它们。

祝您有美好的一天！