anchor.diff:        document.getElementById(id_o).style.visibility = "hidden";
       else
         document.getElementById(id_o).style.visibility = "visible";
  -
  -    //   $(id_o).css('visibility', 'hidden');
  - //   alert (visibilidad );
  -  });
  +    },  function (event) {
  +    var numberOut = /[0-9]+/; //tw tiene el formato: 000px, con el número seguido de 'px'
  +    var id = numberOut.exec(event.target.id); //nos quedamos solo con los números
  +    var id_o = "info-obj_"+id;
  +    var visibilidad = document.getElementById(id_o).style.visibility;
  +    if (visibilidad == 'visible')
  +      document.getElementById(id_o).style.visibility = "hidden";
  +    else
  +      document.getElementById(id_o).style.visibility = "visible";
  +  }
  +  );
     $(".img-gal").mouseenter( function (event) {
   
     });
  
positive.code:         <% else %>
            <div id ="gal-obj_<%= index %>" class="img-gal col-xs-6 col-md-6" style="background-color: gray ">
          <% end %>
            <div id ="info-obj_<%= index %>" class="preview-objeto" style="
              background-color: rgba(0,0,0,.7); round:10px">
              <h3 class="titulo-int" style="color: rgb(220,220,220); text-align: center; margin-top: 5px" >
                 <strong> <%= gabinete_object.nome.upcase %> </strong> </h3>
              <h4 class="titulo-int" style="color: rgb(200,200,200); text-align: center" > <%= gabinete_object.pessoa %> |
  
negative.code: //  alert ("w" + w);
    ig.css('height', w);
  
    $(".img-gal").hover( function (event) {
      var numberOut = /[0-9]+/; //tw tiene el formato: 000px, con el número seguido de 'px'
      var id = numberOut.exec(event.target.id); //nos quedamos solo con los números
      var id_o = "info-obj_"+id;
  