JSFiddle - React, Tailwind, and code Playground

HTML

<div id="full">
    <div id="nav">
        <ul>
            <li><a href="#" title="Triesterstraße">Triesterstraße</a></li>
            <li><a href="#" title="Lageplan">Lageplan</a></li>
            <li><a href="#" title="Standort">Standort</a></li>
            <li><a href="#" title="Objektbeschreibung">Objektbeschreibung</a></li>
            <li><a href="#" title="Ausstattung">Ausstattung</a></li>
            <li><a href="#" title="Fotogallerie">Fotogallerie</a></li>
            <li><a href="#" title="Pläne">Gebäudepläne</a>
                <ul>
                    <li><a href="#" title="Kellergeschoss">Kellergeschoss</a></li>
                    <li><a href="#" title="Erdgeschoss">Erdgeschoss</a></li>
                    <li><a href="#" title="1. Obergeschoss">1. Obergeschoss</a></li>
                    <li><a href="#" title="2. Obergeschoss">2. Obergeschoss</a></li>
                    <li><a href="#" title="3. Obergeschoss">3. Obergeschoss</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

CSS

body {background-color: #000}
#full {position:relative; width:960px; left:0; z-index:2; margin:20px auto 0 auto; overflow:auto;}
#nav {float:left; position:fixed;}

#nav a#logo {
    padding:0 0 20px 0; 
    height:100px; 
    width:300px; 
    display:block;
}
    #nav ul li {
    list-style:none;
    padding:0 0 8px 0;
    }
        #nav ul li a {
            color:#fff; 
            font-size:16px; 
            font-weight:bold; 
            text-decoration:none;
        }

    #nav ul li ul {
       display:none;
    }
        #nav ul li ul li {
            padding:6px 0 2px 10px;
        }
            #nav ul li ul li.active a, #nav ul li a:hover {
                color:#ffcc00;
            }
            #nav ul li ul li a{
                font-weight:bold; 
                font-size:15px;
            }

JavaScript

$('#nav ul li').click(function() {
    $('#nav ul li ul').toggle(200);
});