我有一個複選框,單擊時我想滑動複選框並使其不顯示。我可以讓它滑動,但1秒後它再次顯示它的醜陋自我,我該如何解決這個問題。非常感謝你jquery slideup/slidedown功能
<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>
你能說清楚一點,你想達到什麼目的?我看不到在這個標記中的文本框,你說你想隱藏。 – 2011-03-17 14:09:49
你是什麼意思'醜陋的自我'?你在IE上試試這個嗎? – 2011-03-17 14:12:07
抱歉,更正的錯字 – gh9 2011-03-17 14:14:13