javascript - 幻灯片效果导航菜单

Question

这是我正在处理的网站..

http://jasalounge.com/test/home/

我已经对导航菜单进行编码以使用基本的 JavaScript 和 CSS，但我希望它能正确完成并带有向下滑动效果。

我还使用了 2 个导航菜单来尝试创建这种效果。我知道我不应该用这种方式编写代码，但这是我让它工作的唯一方法。我真的需要一些帮助来解决这个问题。

除了单击菜单按钮时的幻灯片效果外，该网站目前正在执行我希望它执行的操作。

如果有人能帮我解决这个问题，我将不胜感激。

这是我希望菜单执行的操作的示例。

http://responsivemobilemenu.com/en/

Answer 1

悬停在菜单上时它会向下滑动，然后再次单击它会向上滑动。这只是一个示例。您也可以在“单击”时执行此操作。

$(function(){
  $('.dropdown-1').hide();
  $('#menu').hover(function(){
        $('.dropdown-1').slideDown('medium');
  }, function(){
        $('.dropdown-1').slideUp('medium');
  });
})

http://jsfiddle.net/gurPn/77/