popravki dodatno

kdo-sem/index.html

@@ -146,16 +146,13 @@
 
         <section class="about-accordion-section">
             <div class="about-accordion-container">
-                <div class="about-accordion-intro" data-aos="fade-up">
-                    <p>Razširite posamezne teme in spoznajte mojo zgodbo iz prve roke.</p>
-                </div>
                 <div class="about-accordion-list">
                     <div class="about-accordion-item" data-aos="fade-up" data-aos-delay="50">
-                        <button class="about-accordion-toggle" type="button" aria-expanded="false">
+                        <button class="about-accordion-toggle" type="button" aria-expanded="true">
                             <span>Osebna izkušnja in razumevanje</span>
                             <span class="accordion-icon" aria-hidden="true"></span>
                         </button>
-                        <div class="about-accordion-content" hidden>
+                        <div class="about-accordion-content">
                             <p>Sama sem doživela selitev v drugo državo, zato dobro vem, kako pomembno je, da te nekdo razume, prisluhne in ti pomaga poiskati pravo pot. Posebno blizu so mi posamezniki in družine, ki se znajdejo v novem okolju – tujci v Sloveniji, priseljenci, otroci iz večjezičnih družin in tisti, ki doma govorijo drug jezik. Za mnoge je jezik povezan z občutki negotovosti, sramežljivosti ali izključenosti. Prav zato si prizadevam ustvariti varen in spodbuden prostor, kjer govor odpira vrata do osebne in družbene rasti. Z leti sem začela vse bolj prepoznavati pomen medkulturnega razumevanja in razvijala občutek za to, kaj posameznik v resnici potrebuje.</p>
                         </div>
                     </div>
@@ -203,11 +200,15 @@
             const toggles = document.querySelectorAll('.about-accordion-toggle');
             toggles.forEach(toggle => {
                 const content = toggle.nextElementSibling;
+                const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
+                if (content) {
+                    content.hidden = !isExpanded;
+                }
                 toggle.addEventListener('click', () => {
-                    const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
-                    toggle.setAttribute('aria-expanded', String(!isExpanded));
+                    const currentlyExpanded = toggle.getAttribute('aria-expanded') === 'true';
+                    toggle.setAttribute('aria-expanded', String(!currentlyExpanded));
                     if (content) {
-                        content.hidden = isExpanded;
+                        content.hidden = currentlyExpanded;
                     }
                 });
             });