jquery Изотоп - объединение свойств сортировки и вверх / вниз в выпадающий список

Question

Я работаю над функцией изотопа, и в настоящее время она работает с кнопками. https://jsfiddle.net/s1eympb0/11/

  <h2>Sort</h2>

  <ul id="sort-by" class="option-set clearfix" data-option-key="sortBy">
    <li><a class="selected" href="#sortBy=original-order" data-option-value="original-order">original-order</a></li>
    <li><a href="#sortBy=title" data-option-value="title">title</a></li>
    <li><a href="#sortBy=status" data-option-value="status">status</a></li>
  </ul>

  <h2>Sort direction</h2>

  <ul id="sort-direction" class="option-set clearfix" data-option-key="sortAscending">
    <li><a class="selected" href="#sortAscending=true" data-option-value="true">sort ascending</a></li>
    <li><a href="#sortAscending=false" data-option-value="false">sort descending</a></li>
  </ul>

, но мне нужно объединить свойства сортировки и вверх / вниз в пользовательский выпадающий список .