Sharepoint 2013 如何使用sharepoint designer在sharepoint 2013中设计可折叠菜单

我需要做一个菜单，一旦一个菜单被点击，它将跨越显示子菜单，我需要添加样式和颜色以及。我是sharepoint新手，请详细说明在何处编写代码以及使用哪种语言。非常感谢您的回复。

一个非常简单的方法是在页面中添加脚本编辑器Web部件

在该内容编辑器中，您可以使用jQuery Accordion菜单中的。代码只是“工作”，所以您所需要做的就是在HTML部分填写菜单项的名称和指向它们所在位置的链接

以下是您将放置在Web部件中并将链接更改为您自己的代码：

$（文档）.ready（函数（）{
$（“#导航>li>a”）。在（“单击”上，函数（e）{
如果（$（this.parent（）.has（“ul”））{
e、 预防默认值（）；
}
if（！$（this）.hasClass（“打开”））{
//隐藏所有打开的菜单并删除所有其他类
美元（350美元）；
$（“#nav li a”）.removeClass（“开放”）；
//打开我们的新菜单并添加开放类
$（this.next（“ul”）。向下滑动（350）；
$（此）.addClass（“打开”）；
}
else if（$（this）.hasClass（“打开”））{
$（此）.removeClass（“打开”）；
$（本）.next（“ul”）.slideUp（350）；
}
});
});
ol，ul，li{
填充：0；
}
菜单，导航，部分{显示：块；}
ol，ul{列表样式：无；}
blockquote，q{quotes:none；}
blockquote:before，blockquote:after，q:before，q:after{content:''；content:none；}
强{字体大小：粗体；}
表{边框折叠：折叠；边框间距：0；}
h1{字体系列：'Merienda'，'Trebuchet MS'，Verdana，无衬线；字体大小：2.95em；线条高度：1.7em；页边距底部：20px；字体重量：粗体；字母间距：-0.03em；颜色：#675d90；文本阴影：2px 2px 0px rgba（255255,0.65）；文本对齐：中心；}
#w{显示：块；宽度：740px；边距：0自动；顶部填充：45px；}
/*导航菜单样式*/
#导航{
显示：块；
宽度：280px；
保证金：0自动；
-网络工具包盒阴影：3px2p3pRGBA（0,0,0,0.7）；
-莫兹盒阴影：3px2p3pRGBA（0,0,0,0.7）；
盒影：3px2p3pRGBA（0,0,0,0.7）；
}
#nav li{}
#nav>li>a{
显示：块；
填充：16px 18px；
字体大小：1.3em；
字体大小：粗体；
颜色：#D4；
文字装饰：无；
边框底部：1px实心#212121；
背景色：#3434；
背景：-webkit渐变（线性、左上、左下、从（#343434）到（#2929））；
背景：-webkit线性梯度（顶部，#3434，#2929）；
背景：-莫兹线性梯度（顶部，#3434，#2929）；
背景：-ms线性梯度（顶部，#3434，#2929）；
背景：-o-线性梯度（顶部，#3434，#2929）；
背景：线性梯度（顶部，#3434，#2929）；
}
#nav>li>a：悬停，#nav>li>a.open{
颜色：#e9e9e9；
边框底色：#384f76；
背景色：#6985b5；
背景：-webkit渐变（线性、左上、左下、从（#6985b5）到（#456397））；
背景：-webkit线性梯度（顶部，#6985b5，#456397）；
背景：-莫兹线性梯度（顶部，#6985b5，#456397）；
背景：-ms线性梯度（顶部，#6985b5，#456397）；
背景：-o-线性梯度（顶部，#6985b5，#456397）；
背景：线性梯度（顶部，#6985b5，#456397）；
}
#导航li ul{显示：无；背景：#4a5b78；}
#nav li ul li a{
显示：块；
背景：无；
填充：10px 0px；
左侧填充：30px；
字体大小：1.1米；
文字装饰：无；
字体大小：粗体；
颜色：#e3e7f1；
文本阴影：1px 1px 0px#000；
}
#导航李：悬停{
背景#394963；
}