Как обеспечить работу функции внутри цикла?

Пытаюсь написать скрипт, который делает следующее: Ищет все теги blockquote на странице, а затем первый тег h3 внутри каждого blockquote делает кнопкой, по щелчку на которую скрываются/отображаются все элементы внутри blockquote кроме самого h3.

Я написал скрипт, но он работает некорректно: по щелчку на любой из h3 всегда скрываются/отображаются только элементы последнего blockquote. Не могу понять в чем проблема. Буду очень благодарен за помощь.

Мой скрипт:

var elements = document.getElementsByTagName('blockquote')
for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    var content = elements[i].getElementsByTagName('*');
    var blockquoteBtn = element.getElementsByTagName('h3');
    blockquoteBtn[0].onclick = function () {
        for (var i = 0; i < content.length; i++) {
            content[i + 1].style.display === 'none' ? content[i + 1].style.display = 'block' : content[i + 1].style.display = 'none';
        };
    };
};