<script type="text/javascript"

src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {

$('.faq_question').click(function() {

if ($(this).parent().is('.open')){
$
(this).closest('.faq').find('.faq_answer_container').animate({'height':'0'},500);
$(this).closest('.faq').removeClass('open');

}else{
var newHeight =$(this).closest('.faq').find('.faq_answer').height()
+'px';
$
(this).closest('.faq').find('.faq_answer_container').animate({'height':newHeight},5
00);
$(this).closest('.faq').addClass('open');
}

});

});
</script>
<style>
/*FAQS*/

.faq-t {
line-height: 1em;
color: #000000;
font-family: 'Ubuntu', sans-serif;
float: left;
left:45%;
font-weight: normal;
padding-right: 0.3em;
font-size: 1.5em;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
}
.faq_question {
margin: 0px;
padding: 0px 0px 5px 0px;
display: inline-block;
cursor: pointer;
font-weight: bold;
color:#000000;
width: 60%;
font-family: 'Ubuntu', sans-serif;
font-size: 1.5em;
}

.faq_answer_container {
height: 0px;
width: 40%;
overflow: hidden;
display: inline-block;
backdrop-filter: opacity(20%);
 color:#989067;
padding: 0px;
font-family: 'Ubuntu', sans-serif;
}

</style>
<div class="faq_container">
<div class="faq">
<div class="faq_question"><span class="faq-t">+</span>Est-ce que le programme
est adapté à mon niveau ?</div>
<div class="faq_answer_container">
<div class="faq_answer">Quand vous commencerez on vous demandera
votre niveau. Afin de vous proposer un programme adapté. Il n’est par contre pas
fait pour les débutants. Nous vous orienterons vers un autre programme. </div>
</div>
</div>
</div> <br>

<div class="faq_container">
<div class="faq">
<div class="faq_question"><span class="faq-t">+</span>Combien il y a de
séance par semaine ?</div>
<div class="faq_answer_container">
<div class="faq_answer">Notre objectif étant de vous entrainez comme
des athlètes. Vous choisirez entre 5-6 ou 8 séances.</div>
</div>
</div>
</div> <br>

<div class="faq_container">
<div class="faq">
<div class="faq_question"><span class="faq-t">+</span>Combien de temps dure
les séances ?</div>
<div class="faq_answer_container">
<div class="faq_answer">Entre 1h et 2h. 30 minutes maximum pour les
entraînements "rapides".</div>
</div>
</div>
</div> <br>

<div class="faq_container">
<div class="faq">
<div class="faq_question"><span class="faq-t">+</span>De quel équipement j’ai
besoin ?</div>
<div class="faq_answer_container">
<div class="faq_answer">Pour le programme “petit matériel”. Barre à
traction et élastique de résistance un gilet lesté ou un sac confortable et
résistant.</div>
</div>
</div>
</div>