$(function() { var dur = 1 // functions function innerDivTracking() { if ($('.inner').hasClass('clicked')) { $('.inner').removeClass('clicked') TweenMax.to('.inner', 0.3, {borderWidth: 15}) } else { $('.inner').addClass('clicked') TweenMax.to('.inner', 0.5, {borderWidth: 0}) } } function getMousePos(event) { return [event.clientX, event.clientY] } // end:functions // events $(document).click(function(e) { if ($('.inner').length <= 0) { $('body').prepend('
') innerDivTracking() } else { $(document).unbind('click') innerDivTracking() $(document).click(function() { innerDivTracking() }) } }) $(document).mousemove(function(e) { if ($('.inner').hasClass('clicked')) { var mousePos = getMousePos(e) TweenMax.to($('.inner'), dur, {left: mousePos[0], top: mousePos[1]}) } }) // end:events })