Mam akordeon fundamentowy podobny do tego. Dezaktywować klikalność na akordeonie podstawowym
<ul class="accordion" data-accordion>
<li class="accordion-navigation">
<a href="#panel1a">Accordion 1</a>
<div id="panel1a" class="content active">
Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</li>
<li class="accordion-navigation">
<a href="#panel2a">Accordion 2</a>
<div id="panel2a" class="content">
Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</li>
<li class="accordion-navigation">
<a href="#panel3a">Accordion 3</a>
<div id="panel3a" class="content">
Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</li>
</ul>
Mam kilka formularzy w accordion1 i accordion2. Po wypełnieniu i zatwierdzeniu formularzy. Przechodzę do kroku 3. W tym momencie chcę wyłączyć klikalność na akordeonie1 i akordeonie2. Nie powinny już być rozwijane.
Teraz próbowałem usunąć kilka klas i usunąć ich identyfikatory. Ale to nie działa. Czy jest jakiś sposób, abym mógł je wyłączyć z rozszerzenia. Dokument akordeonu fundacji nie precyzuje, jak to osiągnąć.
Aby rozwinąć i skompresować accorions na kliknięcie przycisku, zrobić coś takiego:
var parent = document.getElementById('collapse3').parentElement;
var parentFoo = new Foundation.Accordion($(parent));
var previousFoo = new Foundation.Accordion($(parent.previousSibling));
parentFoo.down($('#'+parent.children[1].id));
previousFoo.up($('#'+parent.previousSibling.children[1].id));
Teraz jest jakiś sposób mogę wyłączyć akordeon na kliknięcie przycisku. Próbowałem usunąć odpowiedni element <a>
z domu, ale to usuwa cały akordeon.
Co aktualnie masz jako Twój javascript? Trudno jest rozwiązywać problemy w oparciu o sam HTML. – Toby
Załóżmy, że mam przycisk w moim akordeonie3, w tym przycisku klikam funkcję, która wyłącza dwa pierwsze akordeony, akordeon1 i akordeon2. – nitte93user3232918
Chodziło o to, aby dodać do twojego pytania odpowiednie JS - o wiele bardziej prawdopodobne będzie uzyskanie odpowiedzi, jeśli zademonstrujesz swoje próby i dowiesz się, jaki kod zadziałał, a co nie. – Toby