Bootstrap collapse when clicking on images

I'm creating a website for a music festival (small one). Like you can see in this exemple : http://ift.tt/1wlPOFv (this website is a only for my test). I would like to have collapse div when i click on image, witch show the information about the artist. when i click on an other image, i would like to hide the active div then show the other corresponding to the image click.

Before asking on stackoverflow, i already trying some code related to bootstrap collapse. Like you can see in "Samedi soir" section when i click on the image, it work but if i click on the second one, the div related to the first image doesn't close. I think javascript is needed but i do not understand antything about it.

I would to have some advise about what i want to do. Collapse function is the best solution ? Maybe an other solution is better ?

Thank's for your futur help and sorry about my poor english. Everybody know, french people are the worst !