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

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

1 个答案: