切换图标仅适用于一项

Question

我读过许多有关切换图标的文章，我有一些代码可以工作，但它仅适用于一项，我有23种。

基本上，它是FAQ的手风琴，当您单击它时，答案会显示出来，但是我希望显示一个加号和减号，并根据它是否折叠来显示和切换。

我找到了此代码，并在我的网站上进行了更新，并且可以使用，但仅适用于第一个FAQ。

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

我需要做什么才能使它们都发生变化？

在此先感谢您的时间。

Answer 1

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