EDITADO: En el ejemplo publicado dejé por error el código en jQuery, pero ahora al utilizar bootstrap 5 ya no debería utilizarse jQuery sino javascript puro.
Encontré el siguiente código que he reducido y que oculta y muestra un texto al hacer click en un botón. ¿Cómo puedo hacer eso en el código de mi modal pero que automáticamente oculte Mensaje1?
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is my DIV element.
</div>
<script>
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>