今天遇到一个有趣的例子，将它记录下来。

一个一级菜单，里边有一个二级菜单，二级菜单是通过锚点来链接页面元素的。想要实现的效果是当点击锚点时，页面链接到相应锚点，同时二级菜单隐藏，再点击一级菜单时，继续执行。。

其中试了很多种方法都不行，最后通过读jquery的toggle函数实现了。

        //这样写可以
        $(".nav").toggle(function(){
            $(".content").slideToggle();
        });
        //这样写不可以
        $(".nav").toggle(function(){
         $(".content").slideDown();
      },function(){
         $(".content").slideUp();
      });
      //这样写也可以
        $(".nav").click(function(){
            $(".content").toggle("slow");
        });