JSFiddle - React, Tailwind, and code Playground

by craigm

HTML

<script src="http://fairwaylabs.com/wp-content/themes/woop/js/jquery.hammer.min.js?ver=1.0.4"></script>
<div class="touch"><div>

CSS

.touch {
    width: 300px;
    height: 400px;    
    border: 1px solid #000;
}

JavaScript

var $touch = $('.touch'),
    hammer = $touch.hammer();


hammer.on('touch', function () {
    $touch.css({ background: '#000'});
});

hammer.on('pinch', function () {
    $touch.css({ background: '#fff'});
});