Add skipAnimation option to Accordion

src/components/containers/Accordion.svelte

@@ -5,6 +5,9 @@
 	// Props to track all possible item IDs
 	export let items = [];
 
+	// Store for animation state
+	const skipAnimation = writable(false);
+
 	// Create a store to track multiple active items using a Set
 	const activeItems = writable(new Set());
 
@@ -13,14 +16,20 @@
 	const dispatch = createEventDispatcher();
 
 	// Methods to open/close all items
-	export const openAll = () => {
+	export const openAll = (animate = true) => {
+		skipAnimation.set(!animate);
 		activeItems.set(new Set(items));
-		dispatch('openAll');
+		dispatch('openAll', { animated: animate });
+		// Reset skip animation after a short delay
+		setTimeout(() => skipAnimation.set(false), 0);
 	};
 
-	export const closeAll = () => {
+	export const closeAll = (animate = true) => {
+		skipAnimation.set(!animate);
 		activeItems.set(new Set());
-		dispatch('closeAll');
+		dispatch('closeAll', { animated: animate });
+		// Reset skip animation after a short delay
+		setTimeout(() => skipAnimation.set(false), 0);
 	};
 
 	// Watch for changes to activeItems and dispatch event
@@ -39,6 +48,7 @@
 			const isActive = derived(activeItems, ($activeItems) => $activeItems.has(id));
 			return {
 				isActive,
+				skipAnimation,
 				activate: () => {
 					activeItems.update((items) => {
 						const newItems = new Set(items);

src/components/containers/AccordionItem.svelte

@@ -3,7 +3,7 @@
 	import { slide } from 'svelte/transition';
 	const id = crypto.randomUUID();
 	const { registerItem } = getContext('accordion');
-	const { isActive, activate } = registerItem(id);
+	const { isActive, skipAnimation, activate } = registerItem(id);
 	function toggle() {
 		activate();
 	}
@@ -34,7 +34,11 @@
 	</div>
 
 	{#if $isActive}
-		<div transition:slide|local>
+		<div
+			transition:slide|local={{
+				duration: $skipAnimation ? 0 : 300
+			}}
+		>
 			<div class="py-3">
 				<slot />
 			</div>

src/routes/stops/[stopID]/schedule/+page.svelte

@@ -115,7 +115,7 @@
 	onMount(async () => {
 		const formattedDate = currentDate.toISOString().split('T')[0];
 		await fetchScheduleForStop(stopId, formattedDate);
-		accordionComponent.openAll();
+		accordionComponent.openAll(false);
 	});
 </script>