playing with selection

by Cosette Girardot

HTML

<div id="quickfixxselect">
    <div class="closed">Are we open or closed?</div>
</div>

CSS

#quickfixxselect {
    height: 200px;
    width: 200px;
    background-color: #FFCC99;
}
.closed {
    height: 100px;
    width: 100px;
    background-image: url("http://vignette2.wikia.nocookie.net/moshi-monsters-mm/images/7/70/Smile%21.png/revision/latest?cb=20130612164606");
     background-size: 80px 60px;
}
.opened {
    height: 100px;
    width: 100px;
    background-size: 80px 60px;
    background-image:url("http://media.giphy.com/media/HYmp1gAlj1Aoo/giphy.gif");
}

JavaScript

$(document).ready(function () {
  $('.closed').click(function () {
      $(this).addClass('opened')
  });
});