jquery slideup/slidedown功能
我有一个复选框，单击时，我想将复选框向上滑动，使其不显示。我可以让它向上滑动，但一秒钟后它又露出了丑陋的一面，我该如何修复它呢。多谢各位jquery slideup/slidedown功能,jquery,Jquery,我有一个复选框，单击时，我想将复选框向上滑动，使其不显示。我可以让它向上滑动，但一秒钟后它又露出了丑陋的一面，我该如何修复它呢。多谢各位 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <style type="text/css"> .hiddenPanel
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
.hiddenPanel
{
CLEAR: both;
DISPLAY: none;
}
.dataEntry
{
BACKGROUND-COLOR: #FFFFEB;
HEIGHT: 300px;
MIN-WIDTH: 300px;
MARGIN: 3px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#chkTestPay').click(function ShowMedPay() {
if ($('#chkTestPay').is(':checked')) {
$('#toggleTestPanel').slideUp();
$('#TestPanel').slideDown(1200);
$('#toggleTestPanel').css("display", "none");
}
else
$('#TestPanel').slideUp(2000);
$('#toggleTestPanel').slideDown(1200);
});
});
</script>
</head>
<body>
<div class="togglePanelOption" id="toggleTestPanel">
<h3>
Test?
<input type="checkbox" id="chkTestPay" /></h3>
</div>
<div id="TestPanel" class="hiddenPanel">
<h3>
Test 123
</h3>
<div class="dataEntry">
enter info please
</div>
</div>
</body>
</html>
hiddenPanel先生
{
明确：两者皆有；
显示：无；
}
.数据输入
{
背景色：#FFFFEB；
高度：300px；
最小宽度：300px；
保证金：3倍；
}
$（文档）.ready（函数（）{
$（'#chkTestPay'）。单击（函数ShowMedPay（）{
如果（$（'#chkTestPay'）。是（':checked'））{
$（'#toggleTestPanel'）.slideUp（）；
$（'测试面板'）。向下滑动（1200）；
$（'#toggleTestPanel'）.css（“显示”、“无”）；
}
其他的
$（#TestPanel'）。slideUp（2000）；
$（'切换测试面板'）。向下滑动（1200）；
});
});
测试？
测试123
请输入信息
<script type="text/javascript">
$(document).ready(function() {
$('#chkTestPay').click(function ShowMedPay() {
if ($('#chkTestPay').is(':checked')) {
$('#toggleTestPanel').slideUp();
$('#TestPanel').slideDown(1200);
$('#toggleTestPanel').css("display", "none");
} else {
$('#TestPanel').slideUp(2000);
$('#toggleTestPanel').slideDown(1200);
}
});
});
</script>
$（文档）.ready（函数（）{
$（'#chkTestPay'）。单击（函数ShowMedPay（）{
如果（$（'#chkTestPay'）。是（':checked'））{
$（'#toggleTestPanel'）.slideUp（）；
$（'测试面板'）。向下滑动（1200）；
$（'#toggleTestPanel'）.css（“显示”、“无”）；
}否则{
$（#TestPanel'）。slideUp（2000）；
$（'切换测试面板'）。向下滑动（1200）；
}
});
});