JSFiddle - React, Tailwind, and code Playground

HTML

<!-- HTML -->
<div id='passf'>
    <a href="#open">Open</a>     <a href="#">Close</a> <br />
       <div id="open">
           <label>Ihr Name
               <input type='text' name='' value=''><br /></label>
        </div>
    </div>
<!-- HTML ends -->

CSS

#passf {
 margin:auto;
 width:300px;
 padding:10px;
 border:1px solid blue;
}
#open {
 display:none;
 padding:10px;
 border:1px solid red;
 background:#FFF;
}
#open:target {
 display:block;
}