Как отобразить подменю, только если нажата кнопка <li>

Мне нужна помощь в достижении определенного эффекта для мобильных устройств. Я хочу, чтобы submenu отображался только при нажатии на родительский <li>, и он должен скользить справа налево, как это показано one (view на мобильном телефоне)

вот мой текущий FIDDLE

var flag = 100;
$('#button').click(
    function() {
        $('#right').animate({
            left: flag
        }, 'slow', function() {
            $('#button').html(flag ? 'Close' : 'Menu');
        });
        flag = flag ? 0 : 100;
    }
);