Почему slideToggle скрывает ссылки меню при изменении разрешения?

Question

[keche]

Начал изучать jQery, разрабатываю собственное, адаптивное меню и столкнулся с проблемой.
При разрешении 744px меню адаптируется. Функция slideToggle отображает меню и скрывает корректно.
Однако, если сузить браузер до 744px и менее, нажать на меню, чтобы его открыть, далее снова нажать на меню - чтобы его скрыть. И расширить браузер до обычного состоянии, больше 744px, то ссылки меню просто пропадают.
А вот если нажать на меню чтобы его открыть, при разрешении 744px и менее, а потом снова расширить окно браузера, ссылки видны. Потому что не были скрыты обратно функцией slideToggle.
В чем может быть причина? Может CSS? Только не как не могу понять где проблема.
Помогите найти ее пожалуйста.

Вот ссылка на пример
ubell.ru/menu

Answer 1

[Максим]

А почему бы не сделать через toggleClass?
Ну либо заставлять через css показывать ссылки независимо от slideToggle.

Comments

[keche]

Через toggleClass так же работает, скрываются потом ссылки.
Как заставлять показывать ссылки независимо от slideToggle?

[Максим]

Ну на определенной ширине давать им display: block в css. Important ставить, если не работает.
Да и вообще ссылку пустую оставлять не очень (это я применительно к кнопке "меню говорю"). Пропиши уж лучше javascript:void(0); внутрь href.

Answer 2

[Uwe_Boll]

внимательно читать про callback и следить в инструментах разработчика за тем что делает и оставляет после себя jquery