Изменение значка шрифта (шрифт awesome) не работает в IE

Question

У меня есть скользящая панель в моем html. Я использую значок, указывающий налево, чтобы показать, что панель сбрасывается. Как только пользователь нажимает на значок, я хочу свернуть окно и изменить значок, чтобы он указывал на право показать, что он расширяемый. Мой код отлично работает в chrome, но значок не указывает сразу после щелчка в IE. В настоящее время я использую IE 11. Любые идеи о том, как я могу это исправить?

<div class="openClose" id="openClose"> 
     <div class="leftPanelClose"> 
      <a href="javascript:collapseExpand()"><i class="fa fa-angle-double-left" id="icon"</i></a> 
     </div> 
    </div> 

function collapseExpand(){ 
    var ic = document.getElementById("icon"); 

    if (left.style.display=="block") 
    { 
    /*collapse pane*/ 
    ic.classList.remove("class", "fa-angle-double-left"); 
    ic.classList.add("class", "fa-angle-double-right"); 
    } 
    else 
    { 
    /*expand pane*/ 
    ic.classList.remove("class", "fa-angle-double-right"); 
    ic.classList.add("class", "fa-angle-double-left"); 
    } 
} 

Answer 1

Не требуется аргумент «класс» при добавлении или удалении классов из значка.

<div class="openClose" id="openClose"> 
     <div class="leftPanelClose"> 
      <a href="javascript:collapseExpand()"><i class="fa fa-angle-double-left" id="icon"</i></a> 
     </div> 
    </div> 

function collapseExpand(){ 
    var ic = document.getElementById("icon"); 

    if (left.style.display=="block") 
    { 
    /*collapse pane*/ 
    ic.classList.remove("fa-angle-double-left"); 
    ic.classList.add("fa-angle-double-right"); 
    } 
    else 
    { 
    /*expand pane*/ 
    ic.classList.remove("fa-angle-double-right"); 
    ic.classList.add("fa-angle-double-left"); 
    } 
}