Edit in JSFiddle

$("img", "#gifs-rows").click(function() {
  $('.preset-file').toggle();
  $('.gif-file').toggle();
});

<div id="gifs-rows">
  <img src="http://i.imgur.com/b3kyYxb.png" alt="gif preset" class="preset-file">
  <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/ACRIMSat_Animation.gif" alt="gif preset" class="gif-file">
</div>

#gifs-rows img {
  cursor: pointer;
}
#gifs-rows .gif-file {
  display:none;
}