Responsive Animated Accordion

[szeryf75]

Witam.
Chciałem tworząc własny moduł HTML w gantry 4 użyć takiego (http://codepen.io/chriswrightdesign/pen/cmanI) rozwiązania. Wkleiłem kod html, kod css dokleiłem do pliku style.less, a z kodem js postąpiłem zgodnie z opisem na joomla.wiki (http://wiki.joomla.pl/Dodawanie_JavaScript). Zadziałało częściowo, tzn. jest efekt wizualny z css, ale nie działa rozwijanie. Dodatkowo zrobiłem prosty test, utworzyłem sobie trzy pliki robocze: index.html, style.css i script.js, aby przetestować sam kod i efekt był podobny, a nawet gorszy, bo po najechaniu kursorem na zielone pola nie było aktywnego efektu najechania, który w joomli działał. Proszę o podpowiedź, co zrobiłem źle, bo na stronie źródłowej wszystko pięknie działa.

[szeryf75]

Problem z poprawnym kodem został już rozwiązany, działający kod można znaleźć tutaj (https://jsfiddle.net/jaca121212/rjaru0gv/1/). Nadal nie mogę przebrnąć jednak przez problem wykorzystania tego kodu we własnym HTML. Napiszę bardziej szczegółowo co próbowałem zrobić. Z kodem html i css postąpiłem tak, jak napisałem we wcześniejszym poście, kod js wkleiłem do pliku script.js, który umieściłem w
templates/gantry/media/system/js/script.js, następnie postąpiłem (przynajmniej tak mi się wydaje) zgodnie z poradami na joomla.wiki (http://wiki.joomla.pl/Dodawanie_JavaScript):


Aby korzystać z biblioteki javascript /media/system/js/script.js w swoim szablonie lub innym miejscu, należy napisać:
<?php
$dokument = &JFactory::getDocument();
$dokument->addScript( 'media/system/js/script.js' );
?>

Jeśli skrypt dodajemy w pliku index.php szablonu, tzn np. /templates/nasz_szablon/index.php, możemy napisać po prostu:
<?php
$this->addScript( 'media/system/js/script.js' );
?>


Próbowałem obie wersje dopisać do /templates/gantry/index.php najpierw w sekcji head, później w sekcji body, próbowałem też podmianki $this na $gantry, ale żadnych oznak działania skryptu nie zauważyłem. Na obecną chwilę moduł działa tak, że działają style css, natomiast accordion się nie rozwija. Pierwszy raz próbuję coś takiego zrobić i na razie brak mi pomysłów, co robię nie tak.