¿Cómo mostrar información diferente de una consulta MySQL?

[xfxstudios]

Prueba asi:

Código HTML:

<div clas="col-lg-12">
  <div class="col-lg-4">
    <div class="row">
    <button type="button" class="btn btn-primary" id="A" onClick="mostrar(this.id)">Muestra A</button>
    </div>
    <div class="row">
    <div class="col-lg-12 alert alert-info" id="A" style="display:none" >
        Esto se verá
      <button type="button" class="btn btn-danger pull-right" id="A" onClick="ocultar(this.id)">Ocultar</button>
    </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="row">
    <button type="button" class="btn btn-primary" id="B" onClick="mostrar(this.id)">Muestra A</button>
    </div>
    <div class="row">
      <div class="col-lg-12 alert alert-info" id="B"  style="display:none" >
          Esto se verá
        <button type="button" class="btn btn-danger pull-right" id="B" onClick="ocultar(this.id)">Ocultar</button>
      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="row">
    <button type="button" class="btn btn-primary" id="C" onClick="mostrar(this.id)">Muestra A</button>
    </div>
    <div class="row">
    <div class="col-lg-12 alert alert-info" id="C"  style="display:none" >
        Esto se verá
      <button type="button" class="btn btn-danger pull-right" id="C" onClick="ocultar(this.id)">Ocultar</button>
    </div>
  </div>
  </div>
</div>
 

Código Javascript:

function mostrar(X){
  $("div[id="+X+"]").show(1000);
}
function ocultar(X){
  $("div[id="+X+"]").hide(1000);
}
 

Muestra que hice: https://codepen.io/anon/pen/ezOoeW

adaptalo a tu diseño