JSFiddle - React, Tailwind, and code Playground

by marlanga

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<div id="comentarios">
    <img id="foto" src="http://media.jukebox.es/a1846/i1846.jpg" border="0" align="left" style="margin-right:10px" />
    <p>BONNIE TYLER</p>
    <p>Gaynor Hopkins (nacida el 8 de junio de 1951 en Sweken, Neath, Gales), mejor conocida por su seudónimo artístico Bonnie Tyler. Es una cantante galesa, compositora, empresaria y filántropa activa. Dueña de una voz muy característica, como ronca o cascada.</p>
    <p>Comenzando como un cantante local en Swansea, Tyler saltó a la fama con el lanzamiento de su álbum de 1977 The World Starts Tonight y sus sencillos " Lost in France" y " More Than a Lover". Su cancion "It's a Heartache" fue un éxito a ambos lados del Atlántico, alcanzando el número uno en varios países europeos y rompiendo las listas de éxitos estadounidenses. Después de ganar el 10 º Festival Mundial de la Canción Popular con 1.979 single "Sitting on the Edge of the Ocean". Su carrera alcanzó su punto máximo en la década de 1980 con su colaboración Jim Steinman, lanzando éxitos internacionales "Total Eclipse of the Heart", "Holding Out ​​for a Hero", "If You Were a Woman and I Was a Man", "Here She Comes" y "Loving You's a Dirty Job but Somebody's Gotta Do It".</p>
    <p>En la década de 1990 tuvo un mayor éxito en Europa continental con sencillos como "Bitterblue" y "Fools Lullaby". Con el productor alemán Dieter Bohlen, Tyler había continuado éxito con tres álbumes antes de lanzar en el Reino Unido y Estados Unidos de nuevo, y su sencillo "Making Love Out of Nothing at All".</p>
    <p>Haciendo una reaparición a finales de 2003 en Francia, Tyler lanzó "Si demain ..." con Kareen Antonn, que fue número uno en Francia durante diez semanas, vendiendo más de 700.000 copias. En los últimos años ha aparecido en varios programas de televisión del Reino Unido, hizo un cameo en la telenovela británica Hollyoaks. Mas tarde estuvo de gira con el...

JavaScript

$(document).ready(function(){
    $('#foto').draggable({});
    $('#comentarios > p').droppable({
        accept: "#foto",
        drop:function(e){ 
            $foto=$("<img id='foto' src='"+$('#foto').attr("src")+"' border='0' align='left' style='margin-right:10px' />");
            $('#foto').remove();
            $(this).prepend($foto);
            $foto.draggable({});
        }
    });
});