Почему не работает «скрыть» на не первых элементах?

Question

[Валентин Бируля]

На правую картинку у меня скрывается(или открывается) нижний элемент дива ,но почему то если я создам еще один элемент с помощью кнопки то нижний элемент больше нельзя скрывать или открывать...
Как это исправить?

Answer 1

[0xD34F]

При каждом добавлении нового элемента в #list-case вы назначаете обработчики клика всем существующим .img и .show, а не только свежесозданным. Если срабатывает два (или четыре, или шесть, или...) обработчика, которые выполняют toggleClass, то конечное состояние от начального отличаться не будет. Отсюда ваше кажущееся "не работает".

Не надо назначать никаких обработчиков при добавлении .case, делайте это один раз, используя делегирование:

$('#list-case')
  .on('click', '.img', function() {
    $(this).closest('.case').remove();
  })
  .on('click', '.show', function() {
    $(this).toggleClass('none').closest('.case').find('.case-bottom').toggleClass('invise');
  });

Comments

[Валентин Бируля]

Спасибо большое ,теперь я еще чуть больше понял суть jquery

Answer 2

[Влад Лопушенко]

Самое простое это добавить к каждому контейнеру нумерацию и при клике на конкретный блок скрывать его по этой нумерации !

Comments

[Валентин Бируля]

У меня бесконечно контейнеров ,самое просто не подходит