Accordion Vertical Mouseover

<div class="accordion accordion-vertical av-mouseover">
  <ol>
    <li>
      <h2><span>Text</span></h2>
      <div><div class="av-inner">
        <h3>Work it harder, make it better</h3>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat<br><a href="#">Link somewhere</a>
      </div></div>
    </li>
    <li>
      <h2><span>Image</span></h2>
      <div><div class="av-inner av-inner-media">
        <div class="av-image"></div>
      </div></div>
    </li>
    <li>
      <h2><span>Video</span></h2>
      <div><div class="av-inner av-inner-media">
        <span><video src="/vid/landscape/land6.mp4" class="html5-video" controls preload="auto"></video></span>
      </div></div>
    </li>
    <li>
      <h2><span>Text with buttons</span></h2>
      <div><div class="av-inner">
        <h3>Do it faster, makes us stronger</h3>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
        <br><br>
        <button class="button button-primary button-square button-rounded"><i class="fa fa-briefcase"></i></button>
        <a href="#" class="button button-primary button-rounded">Read more</a>
      </div></div>
    </li>
  </ol>
</div>