使用Font Awesome切换淡化toggleClass

I have a menu toggle that when clicked, changes the Font Awesome icon class from a hamburger to a cross. I want some sort of animation, a simple fade will do of the toggleClass. Because its switching the class the fade doesn't work like it would do if I were just adding the class as you'd assume below.I have a menu toggle that when clicked, changes