JSFiddle - React, Tailwind, and code Playground

HTML

<div id="callus">
<div class="def">111-1111</div>
<div class="num1">222-2222</div>
<div class="num2">333-3333</div>
<div class="num3">444-4444</div>
<div class="num4">555-5555</div>
<div class="numnames numname1">location 1</div>
<div class="numnames numname2">location 2</div>
<div class="numnames numname3">location 3</div>
<div class="numnames numname4">location 4</div>
</div>

JavaScript

$(function() {
    $(document).ready(function() {
        $('.numnames').hover(function() {
            $(".def").toggle();
        });

        $('.num1').hide();
        $('.numname1').hover(function() {
            $('.num1').toggle();
            return false;
        });
        $('.num2').hide();
        $('.numname2').hover(function() {
            $('.num2').toggle();
            return false;
        });
        $('.num3').hide();
        $('.numname3').hover(function() {
            $('.num3').toggle();
            return false;
        });
        $('.num4').hide();
        $('.numname4').hover(function() {
            $('.num4').toggle();
            return false;
        });
    });

});