Mobile нав (меню переключения) не работает

Question

У меня есть мобильные навигации, которая является меню переключения, он выдавал себя несколько проблем, первой из которых является:

• не закрывается, когда страница загружена
• Позволит мне закрыть, но не позволит мне снова открыть (или наоборот).

Пробовал много комбинаций говорить классу display:none и display:block, но, похоже, не понял этого.

Вот JQuery Я использую:

$(document).ready(function(){ 
    $(".menu-click").click(function(){ 
    $(".hs_cos_wrapper_type_menu").slideToggle(600); 
    }); 
    }); 

навигации можно найти here на главной странице.

Цените любой совет или помощь, которую вы можете дать мне, чтобы помочь мне решить эту проблему, спасибо!

Здесь fiddle.

Answer 1

Когда я смотрел ваш код, я спросил себя: почему элемент диапазона не захватывается при помощи слайда? Это связано с тем, что slideToggle полагается на элемент с высотой и шириной. Если вы измените элемент span для div и (например) и назначите ему ширину 320 пикселей и высоту 100%, вы достигнете желаемой функциональности.

Сообщите мне, если у вас все еще есть проблемы после этого, и я могу работать над вашим кодом, чтобы дать вам точное решение.

Также я сделал поиск через StackOverflow форумов и нашел следующий ответ на более общий вопрос по одной и той же категории, я надеюсь, что это помогает, а также: jquery slideToggle() not “sliding” in but out