Want to get all clic with jQuery : So here's my problem : I have 3 rows of div with 3 div inside.

    <div class="arbre-decisionnel">
    	<div class="entree-un">
    		<h3>Vous êtes...</h3>
    		<div class="premier-choix-entree-un choix" id="femme">
    			<p>Une femme ?</p>
    		</div>
    		<div class="deuxieme-choix-entree-un choix" id="homme">
    			<p>Un homme ?</p>
    		</div>
    	</div>
    	<div class="deuxieme-entree">
    		<h3>Vous souhaitez...</h3>
    		<div class="premier-choix-entree-deux choix" id="sport">
    			<p>Améliorer vos perfomances dans le sport</p>
    		</div>
    		<div class="deuxieme-choix-entree-deux choix" id="travail">
    			<p>Améliorer vos performances <br> au travail</p>
    		</div>
    		<div class="troisieme-choix-entree-deux choix" id="general">
    			<p>Améliorer votre santé <br> en général</p>
    		</div>
    	</div>
    	<div class="troisieme-entree">
    		<h3>Votre expérience avec le sport...</h3>
    		<div class="premier-choix-entree-trois choix" id="debutant">
    			<p>Débutant</p>
    		</div>
    		<div class="deuxieme-choix-entree-trois choix" id="confirmé">
    			<p>Confirmé</p>
    		</div>
    		<div class="troisieme-choix-entree-trois choix" id="expert">
    			<p>Expert</p>
    		</div>
    	</div>
    	<div class="quatrieme-entree">
    		<h3>Votre box personnalisée...</h3>
    		<div class="premier-choix-entree-quatre choix">
    			<a href="">Box 1</a>
    		</div>
    		<div class="deuxieme-choix-entree-quatre choix">
    			<a href="">Box 2</a>
    		</div>
    		<div class="troisieme-choix-entree-quatre choix">
    			<a href="">Box 3</a>
    		</div>
    	</div>
    </div> 

What I want to do : if I click on the id `#femme`, then on the id `#travail` and then on the id `#debutant` I want to see `.premier-choix-entree-quatre` and not the other choices. 

For sum up, I want to record clicks one by one to target an answer.

Hope it's clear and thanks for helping me ! :-)

