<div data-toggle="htmlpreview">
    <span class="mg-collapse mg-icon-collapse" data-toggle="collapse">Collapse div</span>
    <div class="mg-collapse--content">
      div content
    </div>
  </div>
  </div>
  <h3>Collapsible navs</h3>
  Here is a composition of navs and collapse elements
  <div data-toggle="htmlpreview" data-toggle="nav">
    <ul class="mg-nav" data-toggle="nav">
      <li class="active"><a href="#home">Home</a></li>
      <li><a href="#news">News</a></li>
      <li class="mg-collapse mg-i