JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table>
    <tr>
        <td valign="top" align="left" width="70">
            <div class="heading1">
                <img id="After Earth" src="http://content6.flixster.com/movie/11/17/10/11171008_mob.jpg" style="border-width:0px;cursor:pointer;" />
            </div>
        </td>
        <td valign="top" align="left">
            <div class="heading2">
<b class="title1">After Earth</b> 
                <img id="eye771268396" src="images/eye15.png" style="border-width:0px;" class="hidepic" />
                <br />
<b>Starring: </b>Will Smith, Jaden Smith, Zoe K..
                <br />
<b>Director: </b>

                <br />
            </div>
            <div class="content2">
<b>Rating: </b>PG-13
                <br />
<b>Runtime: </b>100 mins
                <br />
<b>Description: </b>A crash landing leaves teenager Kitai Raige (Jaden Smith) and his legendary father Cypher (Will Smith) stranded on Earth, 1,000 years after cataclysmic events forced humanity's escape. With Cypher critically injured, Kitai must embark on a perilous journey to signal for help, facing uncharted terrain, evolved animal species that now rule the planet, and an unstoppable alien creature that escaped during the crash. Father and son must learn to work together and trust one another if they want any chance of returning home. (c) Sony
                <br />
            </div>
        </td>
    </tr>
</table>

JavaScript

jQuery('.heading1, .heading2').click(function () {
    jQuery(this).closest('tr').find('.content2').slideToggle(500);
});