[Yoast SEO FAQ] Add collapsible headers support to Yoast SEO FAQ schema

yoast-faq.css

/* Accordion
		------------------------------------------------------------ */
.schema-faq-question{
  cursor: pointer;
}

.schema-faq-question:before{
  width: 16px;
  height: 20px;
  display: inline-block;
  content: "+";
  margin-right: 5px;
  vertical-align: top;
}

.schema-faq-question.collapse:before{
  content: "-";
}

.schema-faq-question:hover{
  opacity: 0.8;
}

.schema-faq-answer{
  display: none;
  padding-left: 1em;
}
.schema-faq-answer.default{
  display: block;
}

yoast-faq.js

	jQuery(document).ready(function($){
		var yoast = {
			accordion: function(){
				$('.wp-block-yoast-faq-block').find('.schema-faq-question').hide();
				$('.wp-block-yoast-faq-block').find('.schema-faq-question').click(function(){
					//Expand or collapse this panel
					$(this).nextAll('.schema-faq-answer').eq(0).slideToggle('fast', function(){
						if( $(this).hasClass('collapse') ){
							$(this).removeClass('collapse');
						}
						else{
							$(this).addClass('collapse');
						}
					});
				
					//Hide the other panels
					$(".schema-faq-answer").not( $(this).nextAll('.schema-faq-answer').eq(0) ).slideUp('fast');
				});

				$('.wp-block-yoast-faq-block .schema-faq-question').click(function(){
					$('.wp-block-yoast-faq-block .schema-faq-question').not( $(this) ).removeClass('collapse');
					if( $(this).hasClass('collapse') ){
						$(this).removeClass('collapse');
					}
					else{
						$(this).addClass('collapse');
					}
				});
			}
		};

		yoast.accordion();
	});