Javascript css类切换不切换类

我试图切换我的类一次点击，但我有麻烦这样做-如果有人能指出我错过或做错事，这将是伟大的

<a class="rGroupIcons icon-plus addUsersToGroup float_right" href="#" data-bind="attr: { 'data-user-id': ID()}"></a>
<div class="Roles fade in" data-bind="foreach: $parent.Roles()">
     <a style="display: none;" class="roleType btn addUsersWithGroupRole" data-bind="text: RoleTypeName, attr: { 'data-roletype-id': RoleId() }"></a>
                                </div>

您只需要使用$（this），因为此时正在元素addUsertsToGroup中查找.addUsertsToGroup

$(document).on('click', '.addUsersToGroup', function (event) {
           $(this).toggleClass("icon-plus icon-minus");
        });

---

这里的工作示例

谢谢，效果很好。我还想知道我是否想添加一个功能，当我有一个切换显示div，我去点击另一个图标，它会折叠上一个div

$(document).on('click', '.addUsersToGroup', function (event) {
           $(this).toggleClass("icon-plus icon-minus");
        });