gistfile1.js

// Toggle locaties in verblijfoptielijsten
$('.panelcontent').hide().removeClass('open');
$('.panelholder').removeClass('open');

// de eerste open doen bij pagina laden
$('.panelholder.first').find('.panelcontent').slideDown('fast').addClass('open');
$('.panelholder.first').find('.panelcontent').show();
$('.panelholder.first').addClass('open');
$('.panelholder.first').removeClass('first');

// clickhandler
$('.panelbutton').click(function() {
	if($(this).parents('.panelholder').find('.panelcontent').hasClass('open')) {
		// sluit deze panel
		$(this).parents('.panelholder').find('.panelcontent').slideUp('fast').removeClass('open');
		$(this).parents('.panelholder').removeClass('open');
		// button omdraaien
		$(this).removeClass('active');
	} else {
		// alle andere panels sluiten
		$('.panelholder .panelcontent').slideUp('fast').removeClass('open');
		$('.panelholder').removeClass('open');
		$('.panelholder .panelbutton').removeClass('active'); 
		// deze panel openen
		$(this).parents('.panelholder').find('.panelcontent').slideDown('fast').addClass('open');
		$(this).parents('.panelholder').addClass('open');
		// button omdraaien
		$(this).addClass('active');
	}
});