javascript — мобильный переключатель Jquery для переключения между полами (например, Tinder)

Я работаю над приложением, которое будет иметь страницу настроек, где пользователь может использовать переключатель, чтобы выбрать пол. Откидной тумблер состоит из мужского (вкл выкл) и женского (вкл выкл). В зависимости от выбора, список ul будет отображаться с гендерным предпочтением. Я изо всех сил пытаюсь найти решение с помощью PHP или JQuery / JavaScript. Любое решение кода от вас, ребята?

HTML5 код:

<div data-role="page" id="page-settings" class="page-panel">
<div data-role="content" id="settingsPanel">

<div data-role="fieldcontain" id="menSelector" >
<label for="flip-1">Men</label>
<select name="flip-1" id="flip-1" data-role="slider"data-mini="true">
<option value="off"></option>
<option selected="selected" value="on"></option>
</select>
</div>

<div data-role="fieldcontain" id="womenSelector" >
<label for="flip-2">Women</label>
<select name="flip-2" id="flip-2" data-role="slider"data-mini="true">
<option value="off"></option>
<option selected="selected" value="on"></option>
</select>
</div>

Список -ul -li добавляется из базы данных + item.Gender + со значениями: женский или мужской.

Буду очень признателен за любую помощь, так как я три дня безуспешно искал foo.