JQuery不是'；你不能链接到HTML吗？

为什么我的JQuery代码没有执行？ 都在同一个文件夹里。我将jquery.js与html和css文件放在同一个文件夹中，jquery源代码链接自Google CDN。 我只是不知道怎么了

.Header{
高度：75px；
位置：固定；
宽度：100%；
背景色：深灰色；
盒影：2x210px；
z指数：5；
}
.标题文字{
颜色：白色；
位置：绝对位置；
字体大小：27px；
顶部：24px；
左：20px；
z指数：5；
}
.身体{
背景色：深黄色；
高度：1200px；
最小高度：100%；
位置：静态；
}
.盒子{
高度：300px；
宽度：300px；
位置：相对位置；
顶部：110px；
左：30px；
背景颜色：白肋木；
字体大小：30px；
盒影：2px210px黑色；
颜色：白色；
z指数：0；
}
.菜单{
位置：固定；
浮动：对；
高度：75px；
宽度：150px；
右：0；
背景颜色：白肋木；
文本对齐：居中；
}
.菜单：悬停{
光标：指针；
}
梅努特姆先生{
顶部：20px；
字体大小：30px；
字号：700；
颜色：白色；
位置：固定；
浮动：对；
右：31px；
}
/*一般的*/
* {
填充：0；
保证金：0；
}
@字体{
字体系列：“Kollektif”；
src:url（Kollektif.ttf）；
}
身体{
字体系列：Kollektif；
}
/*常规*/

看起来很专业。
$（文档）.ready（函数（）{
$（“.Menu”）。单击（函数（）{
$（“.Menu”）.hide（）；
});
$（“.Menu”）。单击（函数（）{
$（“.Menu”）.show（）；
});
});
专业人士

菜单

试验

您告诉菜单在每次单击时隐藏和显示

       $(document).ready(function(){
            $(".Menu").click(function(){
                $(".Menu").hide();
            });
            $(".Menu").click(function(){
                $(".Menu").show();
            });
        });

删除show（）部分将有效地隐藏菜单。（但是你不能点击它把它带回来）

也许您应该尝试使用

可见性

或

不透明度

css属性来隐藏它，而不实际更改其

显示

属性

$(document).ready(function(){ 
  $(".Menu").click(function(){ 
    $(".Menu").toggle(); 
  });
});

---

您可以使用

切换

功能来达到您的目的。

您告诉jquery隐藏

。菜单

，然后立即告诉它显示

。菜单

我想你想要这样的东西：

if ( $(".Menu").is(":visible") ) {
  $(".Menu").hide();
} else {
  $(".Menu").show();
}

---

当然，您还有另一个问题，因为一旦隐藏了

.Menu

类div，就失去了再次显示它的机制。你需要有一个不隐藏自己的可点击元素作为隐藏和显示的开关。请更准确地告诉我们您想做什么，也许我们可以帮助您编写一些代码。

哇哦，我完全忘记了.show（），甚至没有注意它。

您的菜单如何知道它已打开？您告诉JavaScript在单击时打开菜单，但也要关闭它。您想用Jquery做什么？删除第二个函数，它就会工作并进行隐藏。jquery代码不是您所认为的那样。