Accordéon JS

Bonjour à tous ! :)

Alors voilà, je suis actuellement en stage en entreprise où je travail sur des mises à jours de sites web.

Je dois aujourd'hui modifier un accordéon. Actuellement, lorsque l'on arrive sur la page où se trouve l'accordéon, le 1er onglet est déroulé, et lorsque l'on clique sur un autre onglet, celui-ci se déroule, et le 1er se ré-enroule.
Ce que j'aimerais c'est que de base, les accordéons soient tous enroulés, mais aussi qu'on puisse les enrouler en cliquant dessus.
En gros, ils sont actuellement tous liés, c'est à dire qu'il y en a toujours un d'ouvert, mais j'aimerais qu'ils puissent être tous fermés.

Je pense avoir isolé le code qui correspond, c'est du JS, chose que je ne maîtrise pas ^^

Ici je comprends que c'est la fonction on-click, qui appelle la fonction accordionSwitch()

$( document ).ready( function () {

		// Expand/Collapse accordion sections on click.
		$( '.accordion-container' ).on( 'click keydown', '.accordion-section-title', function( e ) {
			if ( e.type === 'keydown' && 13 !== e.which ) { // "return" key
				return;
			}

			e.preventDefault(); // Keep this AFTER the key filter above

			accordionSwitch( $( this ) );
		});

	});

Voici donc la fameuse fonction accordionSwitch(), qui je pense est la fonction qui nous intéresse ici.

function accordionSwitch ( el ) {
		var section = el.closest( '.accordion-section' ),
			sectionToggleControl = section.find( '[aria-expanded]' ).first(),
			container = section.closest( '.accordion-container' ),
			siblings = container.find( '.open' ),
			siblingsToggleControl = siblings.find( '[aria-expanded]' ).first(),
			content = section.find( '.accordion-section-content' );

		// This section has no content and cannot be expanded.
		if ( section.hasClass( 'cannot-expand' ) ) {
			return;
		}

		// Add a class to the container to let us know something is happening inside.
		// This helps in cases such as hiding a scrollbar while animations are executing.
		container.addClass( 'opening' );

		if ( section.hasClass( 'open' ) ) {
			section.toggleClass( 'open' );
			content.toggle( true ).slideToggle( 150 );
		} else {
			siblingsToggleControl.attr( 'aria-expanded', 'false' );
			siblings.removeClass( 'open' );
			siblings.find( '.accordion-section-content' ).show().slideUp( 150 );
			content.toggle( false ).slideToggle( 150 );
			section.toggleClass( 'open' );
		}

		// We have to wait for the animations to finish
		setTimeout(function(){
		    container.removeClass( 'opening' );
		}, 150);

		// If there's an element with an aria-expanded attribute, assume it's a toggle control and toggle the aria-expanded value.
		if ( sectionToggleControl ) {
			sectionToggleControl.attr( 'aria-expanded', String( sectionToggleControl.attr( 'aria-expanded' ) === 'false' ) );
		}
	}

Voilà. Donc si l'un de vous aurait une idée, une piste, ou même la solution pour transformer ceci en cela, je suis preneur !

Merci d'avance ! ;)