Archief - FAQ Slider met Javascript / jquery

$(document).ready(function () {
 $('#faqs h3').each(function () {
	var tis = $(this),
        state = false,
        answerNext = tis.next('div').hide().css('height', 'auto').slideUp();
	answerAll = $('#faqs').children('div').hide().css('height', 'auto').slideUp();
	tis.click(function () {
		state = !state;
		answerAll.slideUp(state);
		$('#faqs').children('h3').removeClass('active');
		answerNext.slideToggle(state);
		tis.addClass('active', state);
		});
	});
});

$(document).ready(function ()
{
    // Indien geen JS, gaan ze toch de antwoorden zien. 
    // Beter als verbergen met css.
    $('#faqs div').hide();

    $('#faqs h3').click(function () {

        var $me = $(this);

        // Eventueel eerder openstaande items terug dichtklappen 
        // & niet meer aanduiden als actief.
        $('#faqs div').not($me.next('div')).slideUp();
        $('#faqs h3').not($me).removeClass('active');

        // Tonen of verbergen antwoord onder vraag naargelang 
        // deze zichtbaar is of niet.
        if ($me.hasClass('active')) {
            $me.next('div').slideUp();
            $me.removeClass('active');
        } else {
            $me.addClass('active');
            $me.next('div').slideDown();
        }

    });
});