Accordion Image Gallery

<div class="container">

  <div class="gallery-wrap">

     <div class="item item-1"><div class="text">test</div></div>

    <div class="item item-2"><div class="text">another</div></div>

    <div class="item item-3"><div class="text">whynot</div></div>

    <div class="item item-4"><div class="text">cool</div></div>

    <div class="item item-5"><div class="text">stuff</div></div>

    <div class="item item-6"><div class="text">another</div></div>

    <div class="item item-7"><div class="text">whynot</div></div>

    <div class="item item-8"><div class="text">cool</div></div>

    <div class="item item-9"><div class="text">stuff</div></div>

  </div>

  </div>

 </div>

​

<div class="social">

  <a href="https://twitter.com/StefCharle" target="_blank">

    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/149103/twitter.svg" alt="">

  </a>

</div>