jquery slideup/slidedown功能

我有一个复选框，单击时我想滑动复选框并使其不显示。我可以让它滑动，但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 gh9

你能说清楚一点，你想达到什么目的？我看不到在这个标记中的文本框，你说你想隐藏。 – 2011-03-17 14:09:49

你是什么意思'丑陋的自我'？你在IE上试试这个吗？ – 2011-03-17 14:12:07

抱歉，更正的错字 – gh9 2011-03-17 14:14:13

你的其他是严重定义，所以滑动总是运行。

<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>

来源

2011-03-17 14:17:09 n00dle

谢谢！非常多 – gh9 2011-03-17 14:18:20

没问题！感谢您整理我的语法McStretch - 有一天我会学习;） – n00dle 2011-03-17 14:31:13

这是你正在努力实现的吗？ http://jsfiddle.net/FAAjc/

来源

2011-03-17 14:21:18

jquery slideup/slidedown功能

回答

相关问题