JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<div class='cell' id="left">
  <div id='wrapper'>
    <a class="twitter-timeline" href="https://twitter.com/hashtag/#dragnpoint" data-widget-id="709489444726968320">Chargement des tweets</a>
    <script>
      ! function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
          p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
          js = d.createElement(s);
          js.id = id;
          js.src = p + "://platform.twitter.com/widgets.js";
          fjs.parentNode.insertBefore(js, fjs);
        }
      }(document, "script", "twitter-wjs");

    </script>
  </div>
</div>
<div class='cell' id="right">

</div>
<br/>
<button id="btnRepro">boom</button>

CSS

.cell {
  display: inline-block;
  width: 40%;
  border: solid 1px red;
  min-height: 100px;
}

JavaScript

(function($) {
  $("#btnRepro").click(function() {
    $("#wrapper").appendTo($("#right")).html('<a class="twitter-timeline" href="https://twitter.com/hashtag/#dragnpoint" data-widget-id="709489444726968320">Chargement des tweets</a>');
    twttr.widgets.load();
  });
})(jQuery);