Почему myFunction() позволяет показать и спрятать блок, а myFunction2() присваивает цвет, но не возвращает прозрачность.
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "inline-block") {
x.style.display = "none";
} else {
x.style.display = "inline-block";
}
}
function myFunction2() {
var x = document.getElementById("mobile-menu-wrap");
if (x.style.backgroundColor === "#300") {
x.style.backgroundColor = "transparent";
} else {
x.style.backgroundColor = "#300";
}
}
#show-hide {
display: inline-block;
background-color: #300;
width: 100px;
height: 100px;
}
#mobile-menu-wrap {
display: block background-color: transparent;
}
<div id="mobile-menu-wrap">
<div id="show-hide" onclick="myFunction();myFunction2();"></div>
<div style="display: none;" id="myDIV">
<a href="/">Home</a>
</div>
</div>
console.log(x.style.backgroundColor);
и всё поймешь