JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<a>city</a>|
<div class="img">
    <img src="http://farm5.static.flickr.com/4100/4803786141_4f3509ebff_z.jpg?zz=1">
</div>
<a>sun flower</a>
<div class="img">
    <img src="http://farm4.static.flickr.com/3070/2707472311_512354d52c_z.jpg?zz=1">
</div>
<hr/>
<div id="screen">
</div>

CSS

.img{display:none;}
a{cursor:pointer;}

JavaScript

//liveメソッドでイベントにハンドラを登録
$("a").live('click', function() {
    //クリックでクローンを作る
    var $c = $(this).next('div.img').clone();
    //作ったクローンにスタイルを割り当てる
    $c.css('display', 'block');
    //div#screenに呼び出す
    $('div#screen').html($c);
});