JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<div class="accordion" id="accordion2">
    <div class="accordion-group">
        <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
            href="#collapseOne">  
             Aller au dossier personnel d'un agent
         </a> 
        </div>
        <div id="collapseOne" class="accordion-body collapse in">
            <div class="accordion-inner">
                <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="accordion-group">
        <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"
            href="#collapseTwo">  
            Ajout d'un nouveau fonctionnaire
        </a> 
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div class="accordion-inner">
                <!-- lorem -->
            </div>
        </div>
    </div>
</div>