Как изменить id на class Кнопка открыть/закрыть блок JS?

Question

[Чёкатилло]

Как изменить id на class в данном работающем наборе состоящим из:

function openbox(id){
    display = document.getElementById(id).style.display;

    if(display=='none'){
       document.getElementById(id).style.display='block';
    }else{
       document.getElementById(id).style.display='none';
    }
}

ссылка для вывода блока при клике

<a href="#" onclick="openbox('box'); return false">Открыть</a>

отображаемый блок

<div id="box" style="display: none;">Отображаемый блок</div>

Что б все работала но вместо id все относилось к class
Вот такой тупой вопрос ))

Answer 1

[Anonim]

function openbox(className){
    display = document.getElementsByClassName(className).style.display;

    if(display=='none'){
       document.getElementsByClassName(className).style.display='block';
    }else{
       document.getElementsByClassName(className).style.display='none';
    }
}

<a href="#" onclick="openbox(className); return false">Открыть</a>
<div id="className" style="display: none;">Отображаемый блок</div>

но будь аккуратней, возвращаться будут все элементы с данным классом

Answer 2

[CyberHost]

codepen.io/Cyber-host/pen/ALEAXy