Tengo el código donde al hacer clic en el enlace, estoy abriendo y cerrando el div
aquí está el código
<div id="opendialog" style="display:none;"> <div style="width:100%;height:200px;background:grey;"></div> </div>la función
function openx() { var x= document.getElementById("opendialog"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } }funciona bien, pero ¿cómo puedo agregar un triángulo al enlace cuando se hace clic? Debe mostrar un triángulo al div, tratando de que si la pantalla es pequeña o más grande, el triángulo se debe colocar correctamente debajo del enlace cuando se hace clic y debe no ser un problema
aqui esta el html que tengo
<div onclick="openx()">+ Add <div>Puede usar el ícono de fuente increíble para el triángulo hacia arriba y hacia abajo. Solo necesita agregar y eliminar la clase en consecuencia.
function openx() { var x= document.getElementById("opendialog"); if (x.style.display === "none") { x.style.display = "block"; document.getElementById("myIcon").innerHTML = "➖"; } else { document.getElementById("myIcon").innerHTML = "➕"; x.style.display = "none"; } } #myIcon { margin-bottom: 3px; font-size: 20px; font-weight: bolder; } #myIcon:hover { cursor: pointer; } <div onclick="openx()"><div id="myIcon">➕</div><div> <div id="opendialog" style="display:none;"> <div style="width:100%;height:200px;background:grey;"></div> </div>