JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(document).ready(function(e){
        $('#menu>li>a').click(function(e){
            $('#aciklama').html($(this).attr('title'));
            $('#aciklama').attr('src',$(this).attr('rel'));
        });
    });
</script>
<table width="450" height="300" border="1">
  <tr>
    <td rowspan="2" align="center">LÄ°STE
    <ul id="menu" align="left">
    <li><a href="javascript:;" rel="resim1.jpg" title="aciklama1">Liste 1</a></li> 
    <li><a href="javascript:;" rel="resim2.jpg" title="aciklama2">Liste 2</a>
    <li><a href="javascript:;" rel="resim3.jpg" title="aciklama3">Liste 3</a></li> 
    <li><a href="javascript:;" rel="resim4.jpg" title="aciklama4">Liste 4</a></li> 
    </ul>
</td>
    <td><img src="" id="resim" width="100" height="100"></td>
  </tr>
  <tr>
    <td>
        <div id="kutu2" visibility:hidden;">

<div id="aciklama"></div>
</div></td>
  </tr>
</table>