hide element whit javascript dom and remove the empty spaces

Question

This is my code but it's not good because they do not line up. I have to remove the empty spaces, and group the process bars

function clickMe(abc) {
  var v = document.getElementsByClassName(abc);
  hidden('.progress');
  for (var i = 0; i < v.length; i = i + 1) {
    v[i].style.visibility = 'visible';
  }
}

function hidden(elemnt) {
  var hide = document.querySelectorAll(elemnt);
  for (var i = 0; i < hide.length; i = i + 1) {
    hide[i].style.visibility = 'hidden';
  }
}

When I click, I compare

Answer 1

Edit this line of your code

 var v=document.getElementsByClassName(abc);
 hidden('.progress');

to

var v=document.getElementsByClassName(abc);
hidden(v);

and set visibility to none.