Array.from(list.children).forEach(function(k){
if(k.style.display == "block") {
k.style.display = "none";
hide.textContent = "Show";
list.style.backgroundColor = "rgba(0, 0, 0, 33%)";
list.style.borderRadius = "8px";
document.querySelector(".hidden").style.display = "block";
input.setAttribute("disabled", "disabled");
}
else if (k.style.display == "none") {
hide.textContent = "Hide";
k.style.display = "block";
list.style.backgroundColor == "transparent";
list.style.borderRadius = "";
document.querySelector(".hidden").style.display = "none";
input.removeAttribute("disabled");
}
else {
};
});
Когда вы пытаетесь сравнить два значения, не забудьте использовать == или === вместо =. Когда вы используете =, это означает, что вы ДЕКЛАРИРУЕТЕ значение для чего-то, тогда как когда вы используете == или ===, это означает, что вы СРАВНЕНИЕ два значения чего-либо. Используйте === только в том случае, если вы хотите быть по-настоящему точным, например, 1 == '1' будет истинным, тогда как 1 === '1' будет ложным, поскольку один является целым числом, а один - строкой, поэтому они не являются точно одинаковыми.
Также хорошо в JQuery является то, что вы можете использовать множество встроенных функций для переключения определенных вещей, в этом случае вы можете использовать .toggleClass () и иметь то же самое эффект:
Array.from(list.children).forEach(function(k){
k.toggleClass('hidden');
});
И тогда в вашем CSS вы можете иметь:
.hidden {
display = 'block';
}