Combine Expanded Boxes & Scroll To or Anchors

Ask the community
, ,
1

Hello - I am looking for an action to expand a box and also scroll down to an anchor. I’m using this https://www.wix.com/velo/example/Collapse-Elements as a base for the collapse / expand elements but not sure how to add for the anchors.

I also looked at this https://www.wix.com/velo/forum/community-discussion/anchor-scrollto-functioning-strangely , which has the experience I’d like.

Her code was as follows. What would be a code to use if my anchor id is stanchor?

function toggleFold(index) {
	let $fold = $w('#fold' + index);
	// Store the anchor required
	let $anchor = $w('#ncr' + index);
	let $arrowDown = $w('#arrowDown' + index);
	let $arrowRight = $w('#arrowRight' + index);
	// toggle the fold at the index
	if ($fold.collapsed) {
		$fold.expand();
		// Scroll to the anchor
		$anchor.scrollTo();
		$arrowDown.show();
		$arrowRight.hide();
	} else {
		$fold.collapse();
		$arrowDown.hide();
		$arrowRight.show();
	}
	// collapse the other folds
	[1, 2, 3, 4]
	.filter(idx => idx !== index)
		.forEach(idx => {
			$w('#fold' + idx).collapse();
			$w('#arrowDown' + idx).hide();
			$w('#arrowRight' + idx).show();
		});
}

my page - trying to work off hover box 4 (left most box) https://editor.wix.com/html/editor/web/renderer/edit/3ad62a1f-bb15-4236-9dae-ee499673ce08?metaSiteId=e1d00245-2b35-4fc9-8eba-c6e68ba84003&editorSessionId=6c7d81e3-0bfe-40cd-82ee-e460c8f0bad9&editorSessionId=7A1630D6-699B-4B05-B94C-F57187CE199F