Javascript JQuery-多个Clickevent显示和隐藏

具体来说，我希望有单独的下拉菜单，但是两个单击事件都打开相同的下拉菜单

我是jQuery新手，希望得到一些帮助，我看过类似的论坛，但似乎无法找到我的问题的具体答案

我知道我需要单独的ID在我的js，但是，我不知道如何正确地做到这一点

$（'.Show'）。单击（函数（）{
$（#target'）。show（500）；
$（'.Show'）.hide（0）；
$（'.Hide'）.show（0）；
});
$（'.Hide'）。单击（函数（）{
$（#target'）。隐藏（500）；
$（'.Show'）.Show（0）；
$（'.Hide'）.Hide（0）；
});
$（'.toggle'）。单击（函数（）{
$（“#目标”）。滑动切换（1000）；
});
$（'.toggle2'）。单击（函数（）{
$（“#目标”）。滑动切换（1000）；
});
html，正文{
保证金：0；
填充：0；
}
#目标{
宽度：500px；
高度：300px；
高度：160px；
填充物：5px；
显示：无；
}
.隐藏{
显示：无；
}
.按钮{
字体大小：22px；
边界：无；
}

身体{
字体系列：“Lato”；字体大小：14px；
}
2018年1月
第一周
星期一1日
星期二2
星期三3号
星期四4
五号星期五
周六6
星期日7日
第2周
星期一8日
9日星期二
10日星期三
11日星期四
12日星期五
13日星期六
14日星期日
具有相同ID的多个元素是无效的HTML。使用不同的ID，就像使用
开关2
：


$（'.Show'）。单击（函数（）{
$（#target'）。show（500）；
$（'.Show'）.hide（0）；
$（'.Hide'）.show（0）；
});
$（'.Hide'）。单击（函数（）{
$（#target'）。隐藏（500）；
$（'.Show'）.Show（0）；
$（'.Hide'）.Hide（0）；
});
$（'.toggle'）。单击（函数（）{
$（“#目标”）。滑动切换（1000）；
});
$（'.toggle2'）。单击（函数（）{
$（#target2'）。滑动切换（1000）；
});
html，
身体{
保证金：0；
填充：0；
}
#目标,，
#目标2{
宽度：500px；
高度：300px；
高度：160px；
填充物：5px；
显示：无；
}
.隐藏{
显示：无；
}
.按钮{
字体大小：22px；
边界：无；
}

2018年1月
第一周
星期一1日
星期二2
星期三3号
星期四4
五号星期五
周六6
星期日7
第2周
星期一8日
9日星期二
10日星期三
11日星期四
12日星期五
13日星期六
星期日14
您不能有多个元素具有相同的
id
尝试将它们更改为
类
，您可以通过检查
div.target的同级来执行此操作

请参见下面的演示


$（'.toggle'）。打开（'click'，function（）{
$（this）.sides（'div.target'）.stop（true，true）.slideToggle（1000）；
});
html，
身体{
保证金：0；
填充：0；
}
.目标{
宽度：500px；
高度：300px；
高度：160px；
填充物：5px；
显示：无；
}
.隐藏{
显示：无；
}
.按钮{
字体大小：22px；
边界：无；
}

身体{
字体系列：“Lato”；
字体大小：14px；
}
2018年1月
第一周
星期一1日
星期二2
星期三3号
星期四4
五号星期五
周六6
星期日7
第2周
星期一8日
9日星期二
10日星期三
11日星期四
12日星期五
13日星期六
星期日14