Double Tap To Go

Das Menü sollte in etwa wie folgt aufgebaut sein:

<nav class="navigation">
    <ul>
        <li><a href="#">First level</a></li>
        <li><a href="#">First level</a>
            <ul>
                <li><a href="#">Second level</a></li>
                <li><a href="#">Second level</a></li>
            </ul>
        </li>
    </ul>
</nav>


JQuery muss vorhanden sein:

<script src="jquery-3.1.1.min.js"></script>


DoubleTabToGo einbinden:

<script src="jquery.dcd.doubletaptogo.js" type="text/javascript"></script>


Und zum Schluss, wenn es sich um ein Touchscreen handelt, diese Funktion aktivieren:

$(document).ready(function() {
    if( ( 'ontouchstart' in window ) || navigator.msMaxTouchPoints || navigator.userAgent.toLowerCase().match( /windows phone os 7/i ) )
        $('.navigation').doubleTapToGo();
});