javascript - 切换图标仅适用于一项

Question

我读过很多关于切换图标的帖子，我得到了一些可以工作的代码，但它只适用于一个项目，而我有 23 个项目。

基本上，它是常见问题解答的 Accordion ，当您单击它时，就会显示答案，但我希望根据它是否折叠来显示和切换加号和减号。

我找到了此代码并在我的网站上进行了更新，它可以工作，但仅适用于第一个常见问题解答。

$("#switch").click(function(event) {
        $(this).find('i').toggleClass('fa-plus-square').toggleClass('fa-minus-square');
    });

我需要做什么才能让它们全部改变？

提前感谢您抽出时间。

Answer 1

页面上只有一项可以具有 id switch。将其更改为类并选择使用 $('.switch') 将事件应用到每个项目。