jquery - Wordpress 菜单 + jQuery 幻灯片或动画？

Question

我正在尝试使 jQuery 与我的 WP 导航配合得很好。我的目标是隐藏导航，直到单击徽标并让菜单从左侧滑入，很像这个例子，但点击而不是悬停：http ://tympanus.net/Tutorials/UIElements/SlideOutMenu/#

有谁知道在 WP 中隐藏/显示整个 div 的简单方法，可能使用 .animate 或其他任何东西？

我的工作网站：http ://armandwho.com/site

谢谢。

Answer 1

将 div 设置为width: 0px; 然后你可以调用这样的东西

$(function(){                  //this is short for $(document).ready(function(){
 $("#clickhere").click(function() { 
    $("#animate1").animate({ width: "100px" }, 1000); 
 });
});

这将动画，显示 div ，您可以应用 .animate 来更改 css 设置

确保 jquery 被添加到页面的头部，还确保#clickhere设置为您点击的 id 并#animate1设置为您要显示的 div 的 id