HOW ARE YOU GOING TO MAKE THIS COLLAPSE ONE AT A TIME...

<div id="myGroup" class="container">
<`enter code here`div class="rowko">
   <div class="columnko" style="background-color: #09f; text-align: center;">
        <h2><a class="showhide" data-toggle="collapse" data-parent="#myGroup" href="#stratadv" aria-expanded="false" aria-controls="#stratadv"> BUTTON ONE </a></h2>
        <p style="text-align: center; color: #fff;">STRATEGIC ADVISORY</p>
   </div>
   <div class="columnko" style="background-color: #96f; text-align: center;">
        <h2><a class="showhide" data-toggle="collapse"  data-parent="#myGroup" href="#medrel" aria-expanded="false" aria-controls="#medrel"> BUTTON TWO </a></h2>
        <p style="text-align: center; color: #fff;">MEDIA RELATIONS</p>
   </div>
   <div class="columnko" style="background-color: #f00; text-align: center;">
        <h2><a class="showhide" data-toggle="collapse"  data-parent="#myGroup" href="#conmngt" aria-expanded="false" aria-controls="#conmngt"> BUTTON THREE </a></h2>
        <p style="text-align: center; color: #fff;">CONTENT MANAGEMENT</p>
   </div>
</div>

<div id="stratadv" class="collapse">
   <div class="rowko">
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/strategic/3-3.png" alt="" /></h2>
          <p style="text-align: center; color: #09f;">INTERNAL & EXTERNAL COMMUNICATIONS STRATEGY</p>
      </div>
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/strategic/3-2.png" alt="" /></h2>
          <p style="text-align: center; color: #09f;">AWARENESS CAMPAIGNS</p>
      </div>
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/strategic/3-1.png" alt="" /></h2>
          <p style="text-align: center; color: #09f;">CRISIS MANAGEMENT</p>
      </div>
   </div>
</div>

<div id="medrel" class="collapse">
    <div class="rowko">
       <div class="columnko" style="background-color: #fff; text-align: center;">
           <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/medrel/4-3.png" alt="" /></h2>
           <p style="text-align: center; color: #9662ff;">SOLID MEDIA RELATIONS</p>
       </div>
       <div class="columnko" style="background-color: #fff; text-align: center;">
           <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/medrel/4-2.png" alt="" /></h2>
           <p style="text-align: center; color: #9662ff;">PRESS MONITORING</p>
       </div>
       <div class="columnko" style="background-color: #fff; text-align: center;">
           <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/medrel/4-4.png" alt="" /></h2>
           <p style="text-align: center; color: #9662ff;">PRESS COVERAGE & MEDIA ENGAGEMENT</p>
       </div>
    </div>
</div>

<div id="conmngt" class="collapse">
   <div class="rowko">
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/contentmgt/5-1.png" alt="" /></h2>
          <p style="text-align: center; color: #f00;">EVENTS & CONFERENCES DOCUMENTS</p>
      </div>
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/contentmgt/5-2.png" alt="" /></h2>
          <p style="text-align: center; color: #f00;">MARKETING DOCUMENTS</p>
      </div>
      <div class="columnko" style="background-color: #fff; text-align: center;">
          <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="images/madarat/contentmgt/5-3.png" alt="" /></h2>
          <p style="text-align: center; color: #f00;">COMMUNICATIONS KIT & EDITORIAL REQUIREMENTS</p>
      </div>
   </div>
</div>