JSFiddle - React, Tailwind, and code Playground

HTML

<span class='social_icon'>
    helloo
</span>
<span class='social_icon'>
    helloo
</span>

JavaScript

var bounce;

bounce = function($elem) {
  $elem.effect("bounce", {
    times: 1,
    distance: 5
  }, 500, function() {
    if ($(this).data("bounce")) {
      bounce($elem);
    } else {
      $elem.stop();
    }
  });
};

$(".social_icon").hover((function() {
  $(this).data("bounce", true);
  bounce($(this));
}), function() {
  $(this).data("bounce", false);
});