JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<div class="accordion" id="accordion2">
    <div class="card">
        <div class="card-header"> <a data-toggle="collapse"
            href="#collapseOne">  
             Aller au dossier personnel d'un agent
         </a> 
        </div>
        <div id="collapseOne" class="collapse show" data-parent="#accordion2">
            <div class="card-body">
                <form action="goToAgent.do" method="post">
                    <p align="center">
                        <input type="hidden" value="identite" name="retour" />
                        <label for="nomPrenom">Entrer le nom complet de l'agent:</label>
                        <input type="text" name="nomPrenom"
                        class="typeahead" />
                        <br />
                        <input type="submit" value="appliquer" class="btn btn-info" />
                    </p>
                </form>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header"> <a data-toggle="collapse"
            href="#collapseTwo">  
            Ajout d'un nouveau fonctionnaire
        </a> 
        </div>
        <div id="collapseTwo" class="collapse" data-parent="#accordion2">
            <div class="card-body">
                <!-- lorem -->
            </div>
        </div>
    </div>
</div>