JSFiddle - React, Tailwind, and code Playground

HTML

<div id="album">
    <div class="pic">
        <img src="http://t3.gstatic.com/images?q=tbn:ANd9GcT6-aJ6Hz_oXi_M2ZScbEiNGKZFKN3hyhffh2NMWTmbgU2WX-IZKA" />
    </div>
    <div class="screen">
        	<h1 class="title">Photo 1</h1>

        <img src="images/1 png.png" class="image" />
        <p class="description">This is a description</p>
    </div>
    <div class="screen">
        	<h1 class="title">Photo 1</h1>

        <img src="images/2 png.png" class="image" />
        <p class="description">This is a description</p>
    </div>	<span class="clear_left"></span>

</div>

CSS

.pic {
    border: 1px solid red;
}

JavaScript

$(document).click(function () {
    if ($(this).class != "pic") {
        $(".pic").hide();
    }
});