Necesito ocultar el div cuando no hay mensajes para mostrar, Javascript se usa para mostrar los mensajes. He intentado soluciones a preguntas similares sin éxito.

HTML:

 <div class="msgList"> <section id="messages"> <h2>Messages</h2> <ul id="users-messages"> </ul> </section> </div>

JavaScript:

 // Display messages in list const messageSection = document.getElementById('messages'); const messageList = messageSection.children[1]; const newMessage = document.createElement('li'); newMessage.classList.add('msg-List'); newMessage.innerHTML = `<a href="mailto:${user_email.value}">${user_name.value}</a>. <span id="msg-span"> wrote: ${user_message.value}</span>`;