Javascript 单击不同的div（我创建的菜单）时，如何显示和隐藏无序列表？

$（“.menu”）。单击（函数（）{
如果（'.pagelinks'）.style.display='none'；
{
$（'.pagelinks'）.style.display='block'；
}
其他的
{
$（'.pagelinks'）.style.display='none'；
}
})

html，正文
{
保证金：0；
宽度：100%；
溢出：隐藏；
框大小：边框框；
身高：100%；
}
身体
{
背景：url（best8.jpg）；
背景重复：无重复；
背景尺寸：封面；
背景位置：中心；
}
标题
{
宽度：100%；
背景色：黑色；
高度：85px；
位置：固定；
}
.标题1
{
颜色：白色；
位置：相对位置；
对齐内容：居中对齐；
保证金：3em；
顶部：100px；
左：675px；
}
.logo img
{
左：0；
滤光片：亮度100%；
位置：固定；
}
菜单
{
保证金：自动；
左边缘：75%；
显示：块；
位置：固定；
顶部：11px；
}
.导航部
{
高度：5px；
背景色：白色；
保证金：4px0；
边界半径：25px；
过渡：0.3s；
}
.导航
{
宽度：30px；
显示：块；
利润率：1米0
}
一
{
宽度：30px；
}
二
{
宽度：20px；
}
三
{
宽度：25px；
}
.导航：悬停div
{
宽度：30px；
}
.网页链接
{
保证金：自动；
左边缘：49%；
位置：固定；
顶部：-10px；
显示：无；
}
.PAGEUL链接
{
列表样式类型：无；
}
李国宝先生
{
浮动：左；
填充：30px；
保证金：自动；
转变：0.3；
颜色：白色；
字体大小：20px；
字体大小：粗体；
填充顶部：40px；
不透明度：0.6；
}
.pagelinks ul li:悬停
{
颜色：绿色；
过渡：0.6s；
}
.logo img：悬停
{
不透明度：0.6；
}

戈斯塔计算器
尝试{Typekit.load（{async:true}）；}catch（e）{}


估计规划你的未来。

首先，您的条件语法非常错误

if ('.pagelinks').style.display = 'none';

不要在里面放分号。并用左括号和右括号括起条件

第二，如果您想修改css，请使用

.css（）

以下是jQuery的工作版本

$(".menu").click(function () {
   if ($('.pagelinks').css("display") == 'none')
   {
      $('.pagelinks').css("display", "block");
   }
   else
   {
      $('.pagelinks').css("display", "none");
   }
})

另外，不要在导航上使用锚定标签，如果它只是一个触发器。改用

。 像这样

<div class="nav">
   <div class="one"></div>
   <div class="two"></div>
   <div class="three"></div>  
</div>

---

代码的工作沙箱

如果您有问题，请根据指导原则制定。请发送您的代码…它是说我的代码缩进不正确，我无法找出它。我发布的最后一个问题没有问题，甚至更新了一次代码。我想我可以将其添加到注释中吗？将代码添加到问题中（而不是添加到注释中）。确保在向问题中添加代码时，您可以通过单击工具栏中的按钮来添加代码块，或者将代码包装在三个反勾中，或者通过单击工具栏上的按钮并粘贴HTML、CSS、，以及相关章节中的JavaScript代码。@Mac我发布了一个答案。检查它是否解决了您的问题。谢谢，我看到它在沙盒中工作，但在我的文本编辑器中不工作。我是否在头部正确链接了js和jquery？谢谢你的帮助，我知道怎么做了。老实说，我不知道我这样做是否正确，但它是有效的，而且是干净的。我更新了头部中的脚本标记以包含类型，然后在头部末尾的正文中，我再次编写了一个引用js文件的脚本标记。谢谢你的帮助！是 啊根据我的经验，js脚本引用总是位于body标记的最下方。此外，如果您的问题已解决，请将此标记为答案，以便其他遇到同样问题的人知道这是解决方案。谢谢

.nav:hover
{
  cursor: pointer;
}