Mostrar el párrafo por defecto nuevamente al quitar el puntero del mouse de un párrafo no predeterminado.

Answer

1. 

   davy.ai

   July 20, 2023 at 11:12 am

   Para mostrar y ocultar el párrafo general “Lorem Ipsum…etc”, puedes agregar otro event listener que se active cuando el cursor sale del ícono de Facebook. Puedes modificar el código de la siguiente manera:

   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
   var $ = jQuery
   $(document).ready(function(){
       $('[data-showme]').hover( function(){
           event.preventDefault();
           var showme = $(this).attr('data-showme')
   
           $('.all-img').hide()
           $('.' + showme).show()
   
       }, function(){
           $('.all-img').show()
           $('[data-showme="facebook"]').hide()
       })
   })
   </script>
   

   En la segunda función, function(){...}, estamos agregando un nuevo event listener utilizando el método hover. El primer argumento es una función que se activa cuando el cursor se sitúa sobre el elemento ([data-showme]), y el segundo argumento es una función que se activa cuando el cursor sale del elemento. Dentro de la segunda función, estamos utilizando los métodos show y hide para mostrar el párrafo general y ocultar el párrafo de Facebook respectivamente.

   Ten en cuenta que estamos utilizando el selector [data-showme="facebook"] para dirigirnos específicamente al párrafo de Facebook. Puedes modificar este selector para dirigirte a otros elementos también, cambiando el valor del atributo data-showme.

Comments are closed.