У меня есть двойной аккордион, открываешь один, внутри появляется еще один аккордион.
И на каждом уровне есть кнопки закрытия аккордиона, получается 2 кнопки.
Как сделать чтобы находясь на втором уровне аккордиона закрывался только последний активный аккордион, а не весь включая 1 уровень?
1 - уровень
<a class="come-description first-thread">
<!-- Картинка функции -->
<img src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg">
<!-- Название функции -->
<p>category1</p>
</a>
<div>
<a class="close-accordion"></a><!-- Крестик закрытия вкладки -->
<div>
<h5>category1</h5>
</div>
<!-- Технологии категории -->
<div class="js-ui-accordion technology duplicate">
{$wa->block("accordion")}
{$wa->block("accordion")}
<div style="width:100%; height:1px; clear:both;"></div> <!-- выравниваем без обтекания -->
</div>
</div>
2 - уровень
<a class="come-description second-thread">
<!-- Картинка функции -->
<img src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg">
<!-- Название функции -->
<p>Быстрое замораживание</p>
</a>
<div>
<a class="close-accordion"></a><!-- Крестик закрытия вкладки -->
<!-- Новое описание -->
<div>
<!-- Заголовок функции -->
<h5>Гибридное быстрое замораживание</h5>
<!-- Картинка функции -->
<img src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg" alt="Гибридное быстрое замораживание" />
</div>
<!-- Новое описание -->
<div>
<!-- Подзаголовок функции -->
<h6>Преимущества гибридного замораживания</h6>
<!-- Доп. картинка -->
<img class="dop-image right" src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg" alt="Преимущества гибридного замораживания" />
<p>Когда мясо и другая пища замораживаются обычным способом, вода внутри клеток замерзает в крупные кристаллы льда, которые разрушают, разрывают стенки клеток продукта, что приводит к большой потери влаги при размораживании. Это основная причина потери вкусовых качеств. В холодильниках Хитачи пищевые продукты в морозильной камере быстро проходят через температурную зону между -1 ° C и -5 ° C, кристаллы льда образуются небольшими, чтобы минимизирует повреждение ячеек клеток и сохраняются все вкусовые качества.</p>
</div>
<!-- Новое описание -->
<div>
<h6>Алюминиевая пластина </h6>
<!-- Доп. картинка -->
<img class="dop-image left" src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg" alt="Алюминиевая пластина"/>
<p>Алюминий эффективно забирает тепло от продукта и быстро замораживает его. Пластина находится на дня бокса, продукты легко увидеть с первого взгляда, ее легко вставить и вынуть для чистки.</p>
</div>
<div>
<!-- Подзаголовок функции -->
<h6>Вкусные результаты</h6>
<!-- Доп. картинка -->
<img class="dop-image right" src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg" alt="Вкусные результаты"/>
<p>
Помимо сохранения свежести, быстрое замораживание уменьшает потери влаги и вкуса во время оттаивания. Согласно исследованиям компании Хитачи при замораживании 3 кусков говядины по 150 г при температуре окружающей среды 20 ° С. время прохождения через максимальную зону образования кристалла льда (от -1 ° C до -5 ° C) время гибридного замораживание составило 80 минут!!! Для сравнения: нормальная заморозка аналогичного объема составляет 171 мин. </p>
</div>
<h6>Легкий доступ к морозильной камере</h6>
<div> <!-- Доп. картинка -->
<img class="dop-image left" src="/wa-data/public/shop/products/78/00/78/images/409/409.745.jpg" alt="Морозильная камера без крышки"/>
Специальный дизайн одного отделения морозильной камеры без крышки обеспечивает моментальный доступ к продуктам, при этом нет необходимости выдвигать полку.
</div>
</div>
Вот такая функция сейчас висит на закрытии аккордиона, но она закрывает все вкладки, а нужно только последнюю активную
$('#product-description .ui-accordion-content .close-accordion').on('touchstart click', function() {
$uiAccordion.accordion({
collapsible: true,
active: false,
});
});