Lo que estoy tratando de hacer: Arrastre el contenido a la zona de colocación cuando se suelta el contenido, muestre la clase oculta.

Llamé a la clase que quiero ocultar hasta soltar: .hideme en el fragmento de código a continuación:

 <script> function allowDrop(ev) { ev.preventDefault(); } function dragStart(ev) { ev.dataTransfer.setData("text", ev.target.id); } function dragDrop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target.appendChild(document.getElementById(data)); } </script> <div class="draggable-container"></div> <div class="div1" ondrop="dragDrop(event)" ondragover="allowDrop(event)"> <div id="drag1" draggable="true" ondragstart="dragStart(event)" width="220" height="70"> <p>Dragable Content</p> <div class="hideme">Hide This Until Drop</div> </div> </div> <div class="div1" id="dropzone" ondrop="dragDrop(event)" ondragover="allowDrop(event)"> </div>

He intentado buscar esto en Google de todas las formas que mi pequeño cerebro puede pensar y no encuentro nada. No estoy seguro de si es tan obvio para cualquiera que sepa cómo escribir JavaScript que no hay tutoriales para ello o si es MUCHO más complicado de lo que parece. Estoy desesperada ayuda!