Skip to content

Instantly share code, notes, and snippets.

@sagarjadhav
Created August 23, 2017 15:52
Show Gist options
  • Save sagarjadhav/8d6ed986ac1136957209af04d4619cf7 to your computer and use it in GitHub Desktop.
Save sagarjadhav/8d6ed986ac1136957209af04d4619cf7 to your computer and use it in GitHub Desktop.
Drop-Down Navigation: Touch-Friendly
;(function( $, window, document, undefined )
{
$.fn.doubleTapToGo = function( params )
{
if( !( 'ontouchstart' in window ) &&
!navigator.msMaxTouchPoints &&
!navigator.userAgent.toLowerCase().match( /windows phone os 7/i ) ) return false;
this.each( function()
{
var curItem = false;
$( this ).on( 'click', function( e )
{
var item = $( this );
if( item[ 0 ] != curItem[ 0 ] )
{
e.preventDefault();
curItem = item;
}
});
$( document ).on( 'click touchstart MSPointerDown', function( e )
{
var resetItem = true,
parents = $( e.target ).parents();
for( var i = 0; i < parents.length; i++ )
if( parents[ i ] == curItem[ 0 ] )
resetItem = false;
if( resetItem )
curItem = false;
});
});
return this;
};
})( jQuery, window, document );
// How to use
// $( '#nav li:has(ul)' ).doubleTapToGo();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment