JSFiddle - React, Tailwind, and code Playground

HTML

<div id="aufstellung-bild">
         <div id="spieler-pos-area">
                <div id="TW" class="spieler-pos">
                    <span id="span-TW">
                        <ul>
                            <li><a href="#id2" >Alexander Schwarz</a></li>
                            <li><a href="#id3" onclick="updateDiv('einzel-FoersterPeter');">Peter F&ouml;rster</a></li>
                        </ul>
                    </span>
                </div>
         </div>
        <div id="spieler-beschreibung">
         <div id="id2">
             <div class="person" id="einzel-SchwarzAlexander">
                 <h3>Beschreibung für Schwarz, Alexander</h3>
                 <img src="http://kaernten.naturfreunde.at/files/uploads/2010/01/_resampled/SetWidth150-dummy-person10.jpg"/>
             </div>
        </div>
        <div id="id3">
             <div class="person" id="einzel-FoersterPeter">
                 <h3>Beschreibung für Foerster, Peter</h3>
                 <img src="http://kaernten.naturfreunde.at/files/uploads/2010/01/_resampled/SetWidth150-dummy-person10.jpg"/>
            </div>
        </div>
        </div>
    </div>

CSS

#spieler-pos-area{
    float:left;
}
#spieler-beschreibung{
    float:left; 
    margin-left:10px;
}

.person{
   display:none;
}

div:target > .person {
    display:block;
    background:yellow;
}
a:active {
    background:pink;
}