Стрелка вниз на картинке ниже не отображается

Question

Когда я нажимаю на содержимое оранжевого заголовка, содержимое и стрелка вверх скроются, но стрелка вниз не появится, как я ожидал. Пожалуйста, помогите мне это исправить. Вот изображение того, что я сделал, и ссылка на эту страницу: Link ex

And here is an image of my page when I click on the orange header again:

 $('.test-page .question-answer:first-child .question img').addClass('active');
    $('.test-page .question-answer:first-child .answer').slideDown();
    $('.test-page .question-answer:first-child .question').addClass('active');
    $('.test-page .question-answer:first-child .question .content').addClass('active');
    $('.test-page .question-answer .question').click(function() {
        $('.test-page .question-answer .question img.img-down').removeClass('active');
        $('.test-page .question-answer .question img.img-up').removeClass('active');
        $(this).next().slideToggle().closest('.question-answer').siblings().find('.answer').slideUp();
        $(this).children().toggleClass('active').closest('.question-answer').siblings().find('.content').removeClass('active');
        $(this).toggleClass('active').closest('.question-answer').siblings().find('.question').removeClass('active');
    });