методы toggle() и addClass() сами себя не перепишут.
var shp = document.getElementsByClassName('shpargalka');
for(var i=0;i<f.length;i++){
shp.item(i).style.display == 'none' ? shp.item(i).style.display = 'block' :shp.item(i).style.display = 'none';
shp.item(i).className+=' active';
}
Я код не проверял.