Hide content

Hi,

Here is the page: https://blog.starsmilez.com/?page_id=19

When I click on one of the buttons I need for the rest of the content dissapear. Right now they all appear test 1…test 2..test 3.
I just need for one a time to appear.

What am I doing wrong? Thanks in advance!

<div class="collapseomatic noarrow birdwire2 colomat-close" id="coloring-pages" title="Coloring PAges"><img class="alignleft size-medium wp-image-1495" alt="coloringPagesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/coloringPagesLarge.png" width="135" height="51" /></div><div class="collapseomatic noarrow birdwire2" id="brushing-charts"><img class="alignleft size-medium wp-image-1495" alt="coloringPagesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/brushingChartsLarge.png" width="135" height="51" /></div><div class="collapseomatic noarrow birdwire2" id="dental-games"><a href="#"><img class="alignleft size-medium wp-image-1497" alt="dentalGamesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/dentalGamesLarge.png" width="135" height="51" /></div><div class="collapseomatic noarrow birdwire2" id="word-puzzle"><a href="#"><img class="alignleft size-medium wp-image-1499" alt="wordPuzzlesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/wordPuzzlesLarge.png" width="135" height="51" /></div><div class="collapseomatic noarrow birdwire2" id="activities-kids"><a href="#"><img class="alignleft size-medium wp-image-1496" alt="craftsForKidsLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/craftsForKidsLarge.png" width="135" height="51" /></div><div class="collapseomatic noarrow birdwire2" id="brushing-howto"><a href="#"><img class="alignleft size-medium wp-image-1498" alt="funWithScienceLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/funWithScienceLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-coloring-pages">test 1</div>
<div id="swap-project" style="display: none;"><img class="alignleft size-medium wp-image-1495" alt="coloringPagesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/coloringPagesLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-brushing-charts">test 2</div>
<div id="swap-brushing-charts" style="display: none;"><img class="alignleft size-medium wp-image-1495" alt="coloringPagesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/brushingChartsLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-dental-games">test 3</div>
<div id="swap-dental-games" style="display: none;"><a href="#"><img class="alignleft size-medium wp-image-1497" alt="dentalGamesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/dentalGamesLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-word-puzzle">test 4</div>
<div id="swap-word-puzzle" style="display: none;"><a href="#"><img class="alignleft size-medium wp-image-1499" alt="wordPuzzlesLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/wordPuzzlesLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-activities-kids">test 5</div>
<div id="swap-activities-kids" style="display: none;"><a href="#"><img class="alignleft size-medium wp-image-1496" alt="craftsForKidsLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/craftsForKidsLarge.png" width="135" height="51" /></div>

<div class="collapseomatic_content" id="target-brushing-howto">test 6</div>
<div id="swap-brushing-howto" style="display: none;"><a href="#"><img class="alignleft size-medium wp-image-1498" style="margin-top: -43px;" alt="funWithScienceLarge" src="https://blog.starsmilez.com/wp-content/uploads/2013/12/funWithScienceLarge.png" width="135" height="51" /></div>

https://www.ads-software.com/plugins/jquery-collapse-o-matic/