jQuery USES the slideUp method to implement slow folding of control elements

2020-05-19 04:14:52
OfStack

The example in this article shows how jQuery USES the slideUp method to implement the slow folding of control elements. Share with you for your reference. The specific implementation method is as follows:


<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#flip").click(function(){
  $("#panel").slideUp("slow");
 });
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
}
</style>
</head>
<body>
<div id="flip">Click to slide up panel</div>
<div id="panel">Hello world!</div>
</body>
</html>

I hope this article has been helpful to your jQuery programming.