时间戳

首页 > 解决方案 > 单击并更改文本时展开

javascript - 单击并更改文本时展开

问题描述

在此页面上的“En savoir plus”单击我展开 .item-collapse div，当 div 打开时，我更改“Fermer”中的文本“En savoir plus”，但他唯一的工作与最后一项！

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();
      });
  });

标签： javascriptjquery

解决方案

问题是您正在使用classwithclick函数和slideToggle. 当您单击其中一个 div 时，就好像您单击了所有 div。

Eiterid用于事件处理程序或提供onClick给您要单击的每个 div 并调用您的跨度更改功能。

推荐阅读