Javascript 检查时隐藏/显示div

我有下面的代码。我试图在复选框上单击将显示/隐藏的2个扩展div。由于某些原因，函数被命中，但它们没有隐藏/显示div。我把准确的代码放在jfiddle中，它工作正常。任何意见都会很好，谢谢

这是一个正常工作的JFIDDLE

$（文档）.ready（函数（）{
警报（“test234123123”）；
$（“#辅助”）。更改（功能）{
$（“#展开，#展开2”）.toggle（）；
警报（“test2343”）；
});
});
函数showhide（）{
警报（“测试”）；
$（“#展开，#展开2”）.toggle（）；
}
我希望立即得到帮助：
请告诉我们您的情况，我们会看看是否能提供帮助。我们还将向您发送电子邮件，告诉您在48小时或更短时间内停止止赎的5种最简单的方法
您最感兴趣的是：
您是否丧失抵押品赎回权：
你最好猜猜，你欠多少钱：

第一按揭：
第二按揭：
您是否已申请破产：
请（简要）描述您的情况：

100%隐私保证

当ASP控件运行了

runat=“server”

时，它会为元素生成一个新的

id

，以便它可以将自己的JS处理程序绑定到新生成的

id

。我打赌如果您在浏览器上检查该元素，其id将不会是

assist

。如果您实际上没有执行服务器回调，请删除

runat=“server”

。

将

showhide（）

放在

$（文档）中。就绪

函数。否则，您将在加载相应的输入元素之前指定切换效果

$(document).ready(function () {
    $("#assist").change(function () {
                $("#expanded, #expanded2").toggle();
            });
    function showhide() {
            $("#expanded, #expanded2").toggle();
        }
    });

---

你的代码中包含了asp控件。如果我没有弄错的话，您的问题应该只通过javascript、css和html来解决——不需要asp.net。为了便于帮助，我建议您只发布相关代码。我添加了我的小提琴。我添加了所有代码，因为我不确定是什么导致它不能正常工作。如果它在Jfiddle中工作，可能是我想的任何东西。@user3557695尝试将您的自定义脚本放在

标记之前。这样做有效。我忘了我最初试图通过代码显示/隐藏，并将runat添加到divs中。

$(document).ready(function () {
    $("#assist").change(function () {
                $("#expanded, #expanded2").toggle();
            });
    function showhide() {
            $("#expanded, #expanded2").toggle();
        }
    });