Скрыть видимый div на show another div в javascript php?

Question

У меня есть видимый div, и я хочу скрыть видимый div, показывая еще один div в javascript.

мои ЯШ: -

`function shownote(id){ 
    document.getElementById(id).style.display = "block"; 
    document.getElementByClassName('comment').style.display = "hidden"; 
}` 

мой код: -

`<td> 
    <?php echo $key; ?><br><input type='button' class="btn" value="Note"  onclick="shownote('comment<?php echo $unique; ?>')"> 
    <div class="comment" id="comment<?php echo $unique; ?>" style="display:none;"> 
    <textarea id="notemenu" name="notemenu" placeholder="Note Here"></textarea> <br> 
    <input type="button" value="Submit"><a href>Cancel</a> 
    </div> 
</td>` 

Answer 1

hidden не является допустимым свойством для отображения. Попробуйте display = 'none'. Также обратите внимание, getElementsByClassName (также правильно опечатки здесь) будет возвращать nodelist итерации всех узлов и установить свойство

function shownote(id) { 
    var comments = document.getElementsByClassName('comment'); 
    Array.prototype.forEach.call(comments, function(elem) { 
    elem.style.display = "none"; 
    }); 
    document.getElementById(id).style.display = "block"; 
} 

Answer 2

document.getElementByClassName('comment').style.display = "none"; 

Вместо hidden вы должны использовать none