перевести код jquery на нативный js

[Martin937]

Здравствуйте.
Очень прошу помочь перевести код jquery на нативный js.
Суть: На сайте js используется только для изменения класса у div. С помощью jquery все работает прекрасно, но подключать целую библиотеку ради этого как-то неправильно. Написать самому не получилось, т.к. только начал изучение js.

function toggleSlide(item) {
        $(item).each(function(i) {
            $(this).on('click', function(e) {
                e.preventDefault();
                $('.price-item__content').eq(i).toggleClass('price-item__content_active');
                $('.price-item__details').eq(i).toggleClass('price-item__details_active');
            })
        });
    };

    toggleSlide('.content-prew');
    toggleSlide('.details-back');

И если это не слишком сложно подскажите пожалуйста как сделать это изменение плавным

[Martin937]

document.addEventListener('DOMConte ntLoaded', function() {

var elem = document.querySelectorAll('.price-item__content');
var el = document.querySelectorAll('.price-item__details');

var actclass = function() {
elem.classList.toggle('price-item__content_active');
el.classList.toggle('price-item__details_active');
};
prew.addEventListener('click', actclass);
back.addEventListener('click', actclass);

});

Почитал книги по js и написал такой код. Он работает, но только для id (то есть для одного элемента(здесь для двух)) - как унифицировать код для выполнения на большем количестве элементов?