JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<div id="container">
     <div class="large-photo">
         <img src="images/1395924816_personal-information.png">
         <img src="images/1395938204_lock.png">
     </div>
     <div class="small-photo">
         <img src="images/1395939936_application-pgp-signature.png" >
         <img src="images/1396010974_button-cross_basic_red.png" >
     </div>

</div>
<div class="arrow">
          <a href="#" onclick="" id="left-arrow">&lt;-</a> 
          <a href="#" id="right-arrow">-></a> 
</div>

JavaScript

$("#left-arrow").click(function(){
    console.log('...');
    			$(".large-photo").fadeOut(1000);
    			
});