1

I'm having some issues with jQuery not animating the mobile menu. I am trying to make it slide down and have the links in the menu slide in from the side or top. Right now its animating the links on the menu, but not the menu it self. It just appears and disappears. I have an .expanded class that has css transitions applied to it as well as the selector for the menu, but it still doesn't seem to be working as it was before.

Website (Shrink your window for the mobile menu)

CSS (towards the bottom in the media query)

JS

Nick R.
  • 79
  • 10
  • Are you speaking of the hover animation? – Emil Borconi Feb 19 '16 at 22:45
  • @EmilBorconi I mean an animation that will cause the .menubutton div to expand down before the links show up and then have the links disappear before the menu contracts up again. – Nick R. Feb 19 '16 at 22:58
  • 1
    I think you will find your answer here: http://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css looking at your code I think you are facing the same issue... – Emil Borconi Feb 19 '16 at 23:08
  • I think the approach he takes is better. Thank you for sharing. – Nick R. Feb 22 '16 at 23:10

1 Answers1

0

Have you tried to use bootstrap? Check this out http://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/index.html this page uses bootstrap that makes it responsive.

netto
  • 135
  • 1
  • 3
  • 11