Fave covers

by Kofod

HTML

<div style="position: relative;">
    
    <div class="hide 1" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px;"><img src="https://i.imgur.com/54SLdYt.png" alt="" width="582" height="422" /></div>
    <div class="hide 2" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/5d9l5I5.png" alt="" width="582" height="422" /></div>
    <div class="hide 3" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/lfn2pSP.png" alt="" width="582" height="422" /></div>
    <div class="hide 4" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/sE0fNws.png" alt="" width="582" height="422" /></div>
    <div class="hide 5" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/cSUBvnE.png" alt="" width="582" height="422" /></div>
    <div class="hide 6" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/8gh3zZs.png" alt="" width="582" height="422" /></div>
    <div class="hide 7" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img src="https://i.imgur.com/HM6ah8E.png" alt="" width="582" height="422" /></div>
    <div class="hide 8" style="position: absolute; overflow: auto; width:586px;height:425px;top:25px;left:50px;margin-right:-586px;margin-bottom:-425px; display: none;"><img...

CSS

* {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

JavaScript

$('.button').click(function() {
  var textBox = this.className.split(' ')[1];
  $('.hide').hide();
  $('.' + textBox).show();
});