$(document).ready(function(){
    $(".shtorka").click(function(){
        $(".shpargalka").toggle("fast");
        $(this).toggleClass("active");
        return false;
    });
});

window.onload=function(){
document.getElementsByClassName('shtorka').onclick = function(podskazka) {
document.getElementsByClassName('shpargalka').toggle("fast")
document.getElementsByClassName('shpargalka').addClass("active")
return false;
}
};

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';
}