Как активировать оператор php if с перетаскиваемым jQuery ui?

У меня есть слой div, который должен быть перемещен вправо или влево, и когда он перемещается достаточно далеко, я хочу, чтобы он выполнял оператор php (Div 500px вправо активирует $ state = 1;)

Это то, что я получил так далеко:

<script>
$(document).ready(function () {
$('.swipe').draggable({
axis :'x', revert:true, revertDuration:'250',
});
});
</script>

Это мой Div:

<div id="middleLayerShadow" class="swipe">... some stuff (pics and so on)...</div>

и головная часть сайта:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="javascript/jquery-ui-1.12.1/jquery-ui.js"></script>
<link href="javascript/jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet" type="text/css">

Я хочу, чтобы div возвращался так, как я его запрограммировал (revert: true), и когда его перетаскивают на достаточно большое расстояние влево или вправо, я хочу, чтобы он исчез и каким-то образом позволил переменной в php зарегистрировать его 🙂

Представьте это как поле рейтинга Tinder, где вы проводите пальцем влево и вправо!
Пожалуйста помоги ! 🙂