JSFiddle - React, Tailwind, and code Playground

by Schepp

HTML

<a class="menu-btn" href="#navmain">Zum Hauptmenü springen</a>
<div id="navmain">
    <a href="#schliessen">schließen</a>
    <ul>
        <li>Blah</li>
        <li>Blah</li>
        <li>Blah</li>
        <li>Blah</li>
        <li>Blah</li>
        <li>Blah</li>
    </ul>
</div>

CSS

html,
body {
    height: 100%;
}

#navmain {
    -moz-transition: max-height 0.2s;
    -ms-transition: max-height 0.2s;
    -o-transition: max-height 0.2s;
    -webkit-transition: max-height 0.2s;
    transition: max-height 0.2s;

    max-height: 0;
    overflow: hidden;
}
#navmain:target {
    max-height: 999px;
}

JavaScript

$('body').click(function(e){
    window.location.href = '#schliessen';
});