show and hide java script

General Paragraph

Facebook Paragraph

Hello everyone

I do use elementor pro

  1. When I do not click with the cursor on all icons it shows the general paragraph “Lorem Ipsum…etc”

  2. When I click with the cursor on the Facebook icon so it show facebook’s paragraph and it hides the general paragraph “Lorem Ipsum…etc”

  3. When I get the cursor away again from Facebook’s icon it must show the general paragraph “Lorem Ipsum…etc” again

I have used this code but the only issue I do not know how to show and hide the general paragraph “Lorem Ipsum…etc”

Can anyone advise me?

<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()
        
    })
})
</script>