Javascript 在Jquery中按下后更改切换状态图标

我在试图弄清楚如何在按下切换按钮时更改切换状态时遇到困难。我正在使用由CSS触发的SVG图标，它们在我的查询脚本中被.addclass调用。按下切换按钮后，它希望将图标更改为显示不同图标的不同类别

这是我的剧本

 var state = false;

 $("#toggleslideButton").click(function () {
        if (!state) {
              $('#secondaryPanel').animate({width: "toggle"}, 1000);
              $('#toggleslideButton').addClass( "icon icon-exclamation" );

        state = true;
           }
        else {
              $('#secondaryPanel').animate({width: "toggle"}, 1000);
              $('#toggleslideButton').addClass( "icon icon-close" );

        state = false;
           }
 });

我的HTML

  <aside id="secondaryPanel">
        <section id="portalInformation">test</section>
  </aside>
  <div id="control"><a href="#" id="toggleslideButton" class="icon icon-close"><span>View</span></a></div>

---

图标将无法正确显示，因为字体正在本地计算机上使用。但我想做的是，当菜单打开时，我希望切换按钮显示其类图标关闭的图标。然后，一旦切换被按下，菜单滑回它，我想切换图标阅读类图标感叹。我做错了什么，它不会改变？

jQuery有一个内置函数：

.toggleClass

$("#toggleslideButton").click(function () {
    $('#secondaryPanel').animate({width: "toggle"}, 1000);
    $('#toggleslideButton').toggleClass( "icon-close icon-exclamation" );
});

---

jQuery有一个内置函数：

.toggleClass

$("#toggleslideButton").click(function () {
    $('#secondaryPanel').animate({width: "toggle"}, 1000);
    $('#toggleslideButton').toggleClass( "icon-close icon-exclamation" );
});

---

jQuery有一个内置函数：

.toggleClass

$("#toggleslideButton").click(function () {
    $('#secondaryPanel').animate({width: "toggle"}, 1000);
    $('#toggleslideButton').toggleClass( "icon-close icon-exclamation" );
});

---

jQuery有一个内置函数：

.toggleClass

$("#toggleslideButton").click(function () {
    $('#secondaryPanel').animate({width: "toggle"}, 1000);
    $('#toggleslideButton').toggleClass( "icon-close icon-exclamation" );
});

---

完美的非常感谢你。我必须等5分钟才能接受投票。只要我能做到，我就会做到完美！非常感谢你。我必须等5分钟才能接受投票。只要我能做到，我就会做到完美！非常感谢你。我必须等5分钟才能接受投票。只要我能做到，我就会做到完美！非常感谢你。我必须等5分钟才能接受投票。我一有能力就去做