想在 foreach 循环中使用加减号图标在折叠时使用 javascript 展开 [关闭]答案

【问题标题】：want to use plus minus icon at foreach loop at collapse expend using javascript [closed]想在 foreach 循环中使用加减号图标在折叠时使用 javascript 展开 [关闭]
【发布时间】：2020-09-09 07:27:22
【问题描述】：

下面我有一个 foreach 循环，我使用图标加类。点击我的 javascript 函数 myFunction();我想添加减号图标。

$i=0; $j=0; $k=0; $l=0;
foreach ($cat_group_head_first as $ccgrouphead) {
?>
<span class="acc-trigger" style="width: 100% !important;">
   <a onclick="myFunction('#cat_head<?php echo $i=$i+1;?>');">
   <b>{{$ccgrouphead->GroupHead}} 
    
      <!-- want to use plus minus icon below icon class-->
      <i class="glyphicon glyphicon-plus"></i>
   </b>
   </a>
</span>
<?php
}

【问题讨论】：

Below i have a foreach loop 不，你没有。 i want to add minus icon 作为猜测。那可能是<i class="glyphicon glyphicon-minus"></i>
我想在加号的地方添加减号，点击myFunction();默认显示加号图标。
下面的代码，对所有的foreach循环项采用相同的图标。 $('.acc-trigger').addClass('acc-trigger active').siblings().removeClass('active'); $('acc-trigger').addClass('acc-trigger active');

标签： javascript php foreach

【解决方案1】：

我有我的问题解决方案：

 <script type="text/javascript">
  $('.acc-trigger').click(function() { // when a .myDiv is clicked

  $(this).toggleClass('active')
  })
</script>

css：

.acc-触发器{ 背景：url(https://bdtender.com/images/accordion-plus.png) 不重复 50%； } .acc-trigger.active{ 背景：url(https://bdtender.com/images/accordion-minus.png) 不重复 50%； }

【讨论】：