Eventos javascript AYUDA!

Hola betas, quisiera saber si me pueden ayudar con 3 eventos de javascript, el primero es que cuando, pase el ratón por un div, aparezca una imagen y cuando salga del div se oculte otra vez, el segundo es que cuando escriba algoe en un input text al tiempo se escriba en otro div, y el ultimo que un div se recoja como un acordeón cuando de clic sobre el y se vuelva a abrir gracias. :encouragement::encouragement: Agradecería su ayuda en verdad necesito saber

onmouseover, onmouseout, onkeyup, getelementbyid, style, jquery (animate) con eso solucionas todo..

cicklow dijo:

onmouseover, onmouseout, onkeyup, getelementbyid, style, jquery (animate) con eso solucionas todo..

Hacer clic para expandir...

Lo que no se es como implementarlos y que llamen a la imagen , no sabras de algun video tutorial , ya me lei toda esa documentacion pero no se como armar el codigo :fatigue:

Hola, te dejo las dos primeras dudas que mencionas en un pen, usé Jquery ya que supongo que sería mas fácil de entender en vez de Javascript puro...Para la última puedes utilizar el widget de Jquery UI Accordion ( https://jqueryui.com/accordion/ ), ya que creo que ese es el efecto al que tú te refieres, sino se podría implementar una solución usando la propiedad transition de CSS junto con Jquery. Pero lo que mencionas es un acordeón simple jaja.
Forobeta Duda

Gracias por su ayuda :encouragement: