JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<span id="share">
<ul>
<li><img src="https://s3.amazonaws.com/rpardz-media/img/tweet-share-button.png" width="" height="" alt="">&nbsp;</li>
<li><img src="https://s3.amazonaws.com/rpardz-media/img/gplus-share-button.png" width="" height="" alt="">&nbsp;</li>
<li><img src="https://s3.amazonaws.com/rpardz-media/img/linkedin-share-button.png" width="" height="" alt=""></li>
</ul>
</span>

JavaScript

$(document).ready(function(){    
  $('#share').mouseover(function share_ajax_request() {
      $('#share').html('<p><img src="http://www.example.com/ajax-share-loader.gif" width="220" height="19" /></p>');
      $('#share').load("http://www.example.com/share-ajax-load.html");
      $('#share').unbind('mouseover');
  $('#share').click(function share_ajax_request() {
      $('#share').html('<p><img src="http://www.example.com/ajax-share-loader.gif" width="220" height="19" /></p>');
      $('#share').load("http://jsfiddle.net/");
      $('#share').unbind('click');
  });
});