@black_xe

Как закрыть активный акордион UI JQjeru?

У меня есть двойной аккордион, открываешь один, внутри появляется еще один аккордион.
И на каждом уровне есть кнопки закрытия аккордиона, получается 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,
        });
    });
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы