jquery slideup/slidedown functionality -

I have a checkbox, when clicked, I want to slide the checkbox and I do not have it. It can be found to slide, but again in 1 second it again shows the ugly self, how can I fix it? Thanks a lot

  & lt; Html & gt; & Lt; Top & gt; & Lt; Script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Style type = "text / css" & gt; .hiddenPanel {Clear: Both; display none; } .Database {background-color: #FFFFB; Height: 300px; MIN-WIDTH: 300px; Margin: 3px; } & Lt; / Style & gt; & Lt; Script type = "text / javascript" & gt; $ (Document) Click on $ ('(': Checked ')) {$ (' # chkTestPay ') (' showmedPay ()) (if ($ ('$ chkTestPay')) ($ ('# toggleTestPanel' '' $ '( '#TogListPanel'). CSS ("Display", "None");} and $ ('#PrintPanel') SlideUp (2000); $ ('# toggleTestPanel') Slidedown (1200);}); }); & Lt; / script & gt; & lt; / head & gt; & lt; body & gt; & lt; div class = "togglePanelOption" id = "toggleTestPanel" & gt; & lt; h3 & gt; Test? & Lt; input type = "checkbox" id = "chkTestPay" /> gt; & lt; / h3 & gt; & lt; / div & gt; & lt; div id = "testpanel" class = "hidden Panel "& gt; H3> Test 123  & lt; div class =" dataEntry "& gt; Please enter information & lt; / div & Gt; & lt; / div & gt; & lt; / body & gt; & lt; / html & gt;    
 
 
 Your second is poorly defined, so the sleddown always runs.