#javascript #html #css
#язык JavaScript #HTML #CSS
Вопрос:
У меня есть этот аккордеон, открывающий все вкладки одновременно, но я хочу, чтобы он открывал одну вкладку одновременно, и когда вы нажимаете на другую вкладку, он закрывает предыдущую вкладку. Я попытался поиграть с javascript, но единственное, что я могу получить, — это то, что вкладка открывается не полностью.
var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i lt; acc.length; i ) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight "px"; } }); } lt;button class="accordion"gt;Section 1lt;/buttongt; lt;div class="panel"gt; lt;pgt;CONTENT 1lt;/pgt; lt;/divgt; lt;button class="accordion"gt;Section 2lt;/buttongt; lt;div class="panel"gt; lt;pgt;CONTENT 2lt;/pgt; lt;/divgt; lt;button class="accordion"gt;Section 3lt;/buttongt; lt;div class="panel"gt; lt;pgt;CONTENT 3.lt;/pgt; lt;/divgt;