Accordéon - Fermer le dépliant quand un autre s'ouvre

Show and tell
,
1

Bonjour à tous !

J’aurais vraiment besoin de votre aide, je suis UX Designer et je travaille sur un projet de refonte sur Wix. Je souhaitais mettre en place un accordéon mais Wix ne propose pas cette fonctionnalité, j’ai donc commencé à créer mon accordéon via le mode développeur (ce qui n’était pas gagné.

C’est très compliqué pour moi de comprendre comment fonctionne Json et encore moins dans quel sens mettre toutes ces informations.

J’ai commencé à écrire cela :

$w.onReady(function () {
	$w('#StepOneButtonAbled').onClick(() => {
		toggleBox($w('#StepOneStrip'), $w('#StepOnePlus'),$w('#StepOneMinus'));
	});
	$w('#StepTwoButton').onClick(() => {
		toggleBox($w('#StepTwoStrip'), $w('#StepTwoPlus'),$w('#StepTwoMinus'));
	});

});

function toggleBox(boxElement, plus, minus) {
	const isCollapsed = boxElement.collapsed;
		if (isCollapsed) {
		plus.hide();
		minus.show();
		boxElement.expand();
		} else {
		minus.hide();
		plus.show();
		boxElement.collapse();
	}

Mais j’aimerais pouvoir rajouter une action de fermeture automatique du dépliant ouvert quand on clique sur un autre dépliant.

Avez-vous par hasard une idée de comment faire et surtout si cela est possible ?

Je vous remercie !!! :pray::pray:

1555×704 356 KB

2

The Lowes $500 Sweepstakes uses a random selection every month. The winner will be chosen at random and announced by Lowe’s. The participants’ eligible Raffle entries submitted during each applicable entry period are taken into account for the arbitrary drawing. lowes.com survey