Javascript 单击时隐藏容器div

我点击

点击我

以显示

#formcontainer

div

我再次单击以隐藏它，但它不会隐藏：-(

有人能解释一下原因吗

演示：

jQuery（文档）.ready（函数（$）{
//控制子页面上的横幅切换
$（'#子页banner.tog'）。单击（函数（）{
if（$（“#formcontainer”）.hasClass（“hasent”））{
$（“#formcontainer”）.removeClass（'hasent'）；
$（“#topimage”）.slideDown（）；
$（'#formcontainer'）.css（'height'，'0'）；
}否则{
$（'#formcontainer'）.css（'height'，'auto'）；
}
});
})；

/*子页横幅*/
#子页横幅{
填充：15px；
背景#3887c2；
颜色：#fff；
光标：指针；
字体大小：30px；
文本转换：大写；
字母间距：3px；
}
#子页面banner.tog{
边际顶部：0px！重要；
宽度：100%；
字体大小：13px！重要；
文本对齐：居中；
}
#模板容器{
溢出：隐藏；
身高：0；
}

点击我！
您好-请测试我的表格：-）

当类丢失时，您不会将类添加回它

jQuery（文档）.ready（函数（$）{
//控制子页面上的横幅切换
$（'#子页banner.tog'）。单击（函数（）{
if（$（“#formcontainer”）.hasClass（“hasent”））{
$（“#formcontainer”）.removeClass（'hasent'）；
$（“#topimage”）.slideDown（）；
$（'#formcontainer'）.css（'height'，'0'）；
}否则{
$（'#formcontainer'）.addClass（'hasent'）；
$（'#formcontainer'）.css（'height'，'auto'）；
}
});
});
/*子页横幅*/
#子页横幅{
填充：15px；
背景#3887c2；
颜色：#fff；
光标：指针；
字体大小：30px；
文本转换：大写；
字母间距：3px；
}
#子页面banner.tog{
边际顶部：0px！重要；
宽度：100%；
字体大小：13px！重要；
文本对齐：居中；
}
#模板容器{
溢出：隐藏；
身高：0；
}

点击我！
您好-请测试我的表格：-）
您只能在单击时删除该类。然后使用class
$（“#formcontainer”）.addClass（'hasent'）添加else语句。返回原始位置


jQuery（文档）.ready（函数（$）{
//控制子页面上的横幅切换
$（'#子页banner.tog'）。单击（函数（）{
if（$（“#formcontainer”）.hasClass（“hasent”））{
$（“#formcontainer”）.removeClass（'hasent'）；
$（“#topimage”）.slideDown（）；
$（'#formcontainer'）.css（'height'，'0'）；
}否则{
$（'#formcontainer'）.addClass（'hasent'）；
$（'#topimage'）。slideUp（）；
$（'#formcontainer'）.css（'height'，'auto'）；
}
});
});
/*子页横幅*/
#子页横幅{
填充：15px；
背景#3887c2；
颜色：#fff；
光标：指针；
字体大小：30px；
文本转换：大写；
字母间距：3px；
}
#子页面banner.tog{
边际顶部：0px！重要；
宽度：100%；
字体大小：13px！重要；
文本对齐：居中；
}
#模板容器{
溢出：隐藏；
身高：0；
}

点击我！
您好-请测试我的表格：-）
请参见下面的代码，只需添加
$（“#formcontainer”）.addClass（'hasent'）


jQuery（文档）.ready（函数（$）{
//控制子页面上的横幅切换
$（'#子页banner.tog'）。单击（函数（）{
if（$（“#formcontainer”）.hasClass（“hasent”））{
$（“#formcontainer”）.removeClass（'hasent'）；
$（“#topimage”）.slideDown（）；
$（'#formcontainer'）.css（'height'，'0'）；
}否则{
$（'#formcontainer'）.addClass（'hasent'）；
$（'#formcontainer'）.css（'height'，'auto'）；
}
});
});
/*子页横幅*/
#子页横幅{
填充：15px；
背景#3887c2；
颜色：#fff；
光标：指针；
字体大小：30px；
文本转换：大写；
字母间距：3px；
}
#子页面banner.tog{
边际顶部：0px！重要；
宽度：100%；
字体大小：13px！重要；
文本对齐：居中；
}
#模板容器{
溢出：隐藏；
身高：0；
}

点击我！
您好-请测试我的表格：-）

jQuery（文档）.ready（函数（$）{
//控制子页面上的横幅切换
$（'#子页banner.tog'）。单击（函数（）{
if（$（“#formcontainer”）.hasClass（“hasent”））{
$（“#formcontainer”）.removeClass（'hasent'）；
$（“#topimage”）.slideDown（）；
$（'#formcontainer'）.css（'height'，'0'）；
}否则{
$（'#formconta
$("#formcontainer").addClass('hassent');