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

回答

相關問題