x-tab hx-negative">Tab 5</div>
  <div id="tab6" class="hx-tab hx-info">Tab 6</div>
  <div id="tab7" class="hx-tab hx-contrast">Tab 7</div>
  <div class="hx-tabs-content"></div>
</div><script>var tabs = new hx.Tabs('#tabs-script');

tabs.on('change', function(data){
  hx.select('#tabs-script')
    .select('.hx-tabs-content')
      .text('Tab ' + (data.id+1) + ' selected')
});

tabs.select(0, true);</script></div><div class="docs-example-code-body"><div class="example-code-section"><h3>HTML</h3><div class="qm