Да классы разные, потому что костыль бы тогда не работал. Подскажи, а можно ко всему этому добавить плавности? С display none плавности не добиться, но можно добиться плавности через opacity. Посмотри:
https://jsfiddle.net/0m4naLrc/3/ . Как сделать между появлением и исчезанием небольшую задержку, к примеру, в секунду?