Развернуть по клику и изменить текст

Question

На на этой странице на «En savoir plus» нажмите, чтобы развернуть div .item-collapse, и когда div откроется, я изменю текст «En savoir plus» в «Fermer», но его единственная работас последним товаром!

jQuery(document).ready(function() {
  jQuery('.item-container').click(function() {
      var link = jQuery(this);
      jQuery('.item-collapse').slideToggle('800', function() {
          if (jQuery(this).is(':visible')) {
            link.html('<span  class="icon"><i class="fa fa-minus-circle"></i> Fermer</span>');
          } else {
            link.html('<span  class="icon"><i class="fa fa-plus-circle"></i> En savoir 
              plus < /span>');
            };
          });
        var $this = jQuery(this).next(); jQuery(".item-collapse").not($this).hide();
      });
  });

Answer 1

Проблема в том, что вы используете class с функцией click и slideToggle. Когда вы щелкаете по одному из элементов div, он действует так, как будто вы щелкаете по всем из них.

Eiter используйте id для обработчика событий или присваивайте onClick каждому делению, которое вы хотите щелкнуть, и вызовите функцию изменения диапазона.