如何隐藏&；使用javascript或jQuery在按钮单击上显示面板？

到目前为止，我编写的代码运行顺利，但当我在母版页上使用它时，它并没有显示预期的行为。面板不会隐藏在母版页上

我做错了什么？如何使“隐藏和显示”面板在母版页上工作？

$（函数（）{
$（“#btn1”）。单击（函数（evt）{
evt.preventDefault（）；
$（'#panel1'）。slideUp（'slow'）；
$（#panel2'）。向下滑动（'slideDown'）；
});
$（“#按钮1”）。单击（函数（evt）{
evt.preventDefault（）；
$（#panel2'）。slideUp（'slow'）；
$（'面板1'）。向下滑动（'慢速'）；
});
});
这是第一小组
这是第二小组。

你在找这样的东西吗

我所做的是，将面板放置在一个单独的分区中

$（“#btn1”）。单击（函数（evt）{
evt.preventDefault（）；
$（#panel2'）。向下滑动（'slideDown'）；
$（'#panel1'）。slideUp（'slow'）；
});
$（“#按钮1”）。单击（函数（evt）{
evt.preventDefault（）；
$（#panel2'）。slideUp（'slow'）；
$（'面板1'）。向下滑动（'慢速'）；
});

这是第一小组
这是第二小组。
您已经有了由内联样式引起的初始行为。你确定你需要它们吗？请编辑这个问题，它缺少一些精确性。我尝试过，但当我在母版页中使用它时，它不起作用。