---
title: "What is the role of slideUp() in Jquery and how to use this methodin web development?"  
description: "What is the role of slideUp() in Jquery and how to use this methodin web development?"  
author: "Ethan Karla"  
published: 2021-07-28  
canonical: https://answers.mindstick.com/qa/93797/what-is-the-role-of-slideup-in-jquery-and-how-to-use-this-methodin-web-development  
category: "web application"  
tags: ["web application development", "web development"]  
reading_time: 2 minutes  

---

# What is the role of slideUp() in Jquery and how to use this methodin web development?

What is the [role](https://www.mindstick.com/forum/2317/how-to-create-role-and-enable-role-in-mvc) of slideUp() in Jquery and how to use this methodin web development?

## Answers

### Answer by Ravi Vishwakarma

If any element is open it is to us to be seen in the above order, we use it Slideup method of jQuery.

```
Syntax:
$(selector).slideUp(speed);
$(selector).slideUp(speed, callback);
```

> Speed and callback is an optional parameter. Speed specifies the delay of showing elements these possible vales are 'slow', 'fast' and milliseconds. Callback function to be called after completion of slideUp()

```
<!DOCTYPE html>
<html>
<head>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
    <script>
        $(document).ready(function () {
            $('#flip').click(function () {
                $('#panel').slideUp('1500');
            });
        });
    </script>
    <style>
        #flip {
            padding: 10px;
            text-align: center;
            background-color:red;
            background-color: #e5eecc;
            border: solid 1px green;
        }
        #panel {
            padding: 50px;
            text-align: center;
            background-color:yellow;
            background-color: #e5eecc;
            border: solid 1px green;
        }
    </style>
</head>
<body>
    <div id='flip'>Click to slide up </div>
    <div id='panel'>This is slide up panel </div>
</body>
</html>
```

OUTPUT: ![What is the role of slideUp() in Jquery and how to use this methodin web development?](https://answers.mindstick.com/questionanswer/89fae1a9-9ad0-444d-9006-bac4606f5e19/images/eea5c146-e3da-400c-b119-ee41bcca325b.png) \


---

Original Source: https://answers.mindstick.com/qa/93797/what-is-the-role-of-slideup-in-jquery-and-how-to-use-this-methodin-web-development

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
