Buttons and Events

gswlubuttonsevents.html

<div id="toolbar-list" data-lu="List">
  <ul>
    <li id="tl-one" class="lu-selected">1</li>
    <li id="tl-two">2</li>
    <li id="tl-three">3</li>
    <li id="tl-four">4</li>
  </ul>
  <div class="button-group">
    <button data-lu="Button:Previous" type="button">&lsaquo;</button>
    <button aria-controls="tl-one" data-lu="Button:First" type="button">1</button>
    <button aria-controls="tl-two" data-lu="Button:Select" type="button">2</button>
    <button aria-controls="tl-three" data-lu="Button:Select" type="button">3</button>
    <button aria-controls="tl-four" data-lu="Button:Last" type="button">4</button>
    <button data-lu="Button:Next" type="button">&rsaquo;</button>
  </div>
</div>