Aşağıdaki gibi butona 2 icon tanımladım ancak JS ile sayfaya slide class'ı eklenince icon çat diye değişiyor. Geçiş için süre tanımlamak mümkün mü? Nasıl yapabilirim?

.menu-button:before {
    content: "\e87a";
}
.menu-toggled-slide .menu-button:before {
    content: "\f00d";
}

Not: JS ile o icon'a tıklanınca içon kapat icon'una dönüşüyor, tekrar tıklanınca eklenen class kalktığı için geri geliyor.