Два и более аккордеона на странице

[Mary_RND]

Доброго времени суток.

Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать...

Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия.

Вызывается работа аккордеона простым кодом.
 

    $( '#cbp-ntaccordion' ).cbpNTAccordion();

Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?

Спасибо

jquery.cbpNTAccordion.js

[Mary_RND]

Кто-нибудь может помочь? Т_Т

[Mary_RND]

Когда я пытаюсь прописать вот такой код:

	var pageId = <xsl:value-of select="@id"/>;
	$( '#cbp-ntaccordion2_3_' + pageId).cbpNTAccordion();

То консоль ругается вот так...

SyntaxError: expected expression, got '<'[Подробнее]  script.js:173:14
Синхронный XMLHttpRequest в основной нити является устаревшим из-за его пагубного влияния на работу конечного пользователя. Для получения дополнительной помощи обратитесь к http://xhr.spec.whatwg.org/  jquery.compiled.js:2:86393
ReferenceError: getLabel is not defined[Подробнее]  compiled.js:1:36718

 

[Mary_RND]

А если я заменяю вызов фунrции ни к id, а к классу, например:

	$( '.cbp-ntaccordion_main').cbpNTAccordion();

То ругается вот так...

Синхронный XMLHttpRequest в основной нити является устаревшим из-за его пагубного влияния на работу конечного пользователя. Для получения дополнительной помощи обратитесь к http://xhr.spec.whatwg.org/  jquery.compiled.js:2:86393
TypeError: $(...).placeholder is not a function[Подробнее]  script.js:210:2
ReferenceError: getLabel is not defined[Подробнее]  compiled.js:1:36718
Метод getPreventDefault() является устаревшим. Для его замены используйте метод defaultPrevented.  jquery.compiled.js:2:40608