CODEWITHSUNDEEP
jquerymobilemenuresponsive-design
Uikithemes
Uikithemes

Reputation: 75

The menu disappear on resize when click on menu toggle

When I click on menu toggle and resize browser window, the menu will disappear. JSFiddle demo

This is the jQuery for menu:

$('.menu ul li ul').parent().addClass('parent');

$(".menu-toggle").click(function() {

  $("#nav").slideToggle(function(e){
    $(this).toggleClass("nav-expanded");
  });

});

On mobile, I want to deactivate the hover effects and replace it with the toggle effect for the sub child's menu via jQuery; how I can do that?

Upvotes: 1

Views: 239

Answers (1)

Ajay Narain Mathur
Ajay Narain Mathur

Reputation: 5466

Just add this to css: updated Fiddle

.menu #nav {
display : block;    

}

EDIT:

what if instead of slidetoggle we use left : 0 and left: 100%, will it satisfy requirement? check this fiddle

Upvotes: 0

Related Questions