Событие click()

280
26 ноября 2016, 19:44

Есть несколько блоков такой структуры, но с разным контентом

<div class="filter-section allow-multiple-expanded expanded">
    <header>
        <span class="text">Наличие:</span>
        <button type="button" class="btn-expand"></button>
    </header>
   <div class="expand-content">
      <label class="checkbox-styled">
        <input type="checkbox" value="Y" name="arrFilter_3041_2254365807" id="arrFilter_3041_2254365807" onclick="smartFilter.click(this)"/>
        <span class="checkbox-content">
            <i class="flaticon-check14"></i>
            В наличии
        </span>
      </label>
   </div>
</div>

Скажите пожалуйста как изменить скрипт, чтобы при нажатии на .btn-expand закрывался/открывался .expand-content именно того блока на который было нажато? (в данном случае это происходит со всеми блоками такого класса)

$('.btn-expand').live('click', function(event) {        
     $('.expand-content').toggle('show');
});
Answer 1

Структура не ясна, от этого, подняться к родительскому элементу header и найти следующий элемент с классом:

$('.btn-expand').live('click', function(event) {        
     $(this).closest('header').next('.expand-content').toggle('show');
});
READ ALSO
Вывод ресурсов кроме текущего modx revo [дубликат]

Вывод ресурсов кроме текущего modx revo [дубликат]

На данный вопрос уже ответили:

477
AngleSharp. Проблема замены элемента через OuterHtml (&lt; &gt; &amp;lt; &amp;gt;)

AngleSharp. Проблема замены элемента через OuterHtml (< > &lt; &gt;)

Необходимо заменить в html-странице все теги <iframe> на соответствующие теги <video>Пытаюсь сделать это с помощью AngleSharp

299