Подскажите пожалуйста, как грамотно пишется такой скрипт на JS: если ширина экрана становится меньше 500px, например, то у класса .header должен удаляться класс .header-standart и добавляться класс .header-mobile, иначе - соответственно наоборот. Если JS для этого использовать нецелесообразно совершенно и куда проще сделать на jQuery - буду благодарен за решение с помощью этой библиотеки.
Возможно вам лучше для решения этой задачи использовать css media queries и просто скрывать или отображать нужный элемент при помощи display:none/block в зависимости от ширины?