As @timgoodman explained, it was a matter of applying the same buffer flag as the previous SO post. The difference in my answer is the scope of the css and mouse event. I'm also using classes for my css changes and combining variables because I'm a boyscout.
-
$('body').on('mousemove', '.cont', function(){ var thiis = $(this), time = thiis.data('timer'), buffer = thiis.data('buffer'), newTime; if (!buffer){ if (time){ clearTimeout(time); } thiis.addClass('showControls'); newTime = setTimeout(function(){ thiis.removeClass('showControls'); thiis.data('buffer', true); }, 2000); } else { thiis.data('buffer', false); } thiis.data('timer', newTime); });