---
title: "Introduction to JQuery Slider"  
description: "In this quick article, you will learn how to apply a slide in a DIV tag using jQuery."  
author: "mohan kumar"  
published: 2012-05-01  
updated: 2017-11-30  
canonical: https://www.mindstick.com/articles/931/introduction-to-jquery-slider  
category: "jquery"  
tags: ["jquery"]  
reading_time: 1 minute  

---

# Introduction to JQuery Slider

In this quick [article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370), you will learn how to [apply](https://www.mindstick.com/articles/13148/discover-to-apply-make-up-like-a-professional-supermodel) a slide in a DIV [tag using jQuery](https://www.mindstick.com/forum/156664/select-next-sibling-of-any-tag-using-jquery).\

##### Script is given here for your reference.

```
   <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>    <script type="text/javascript">        $(document).ready(function () {            var $Varcollege = $(‘#college');            $('#Title').click(function () {                $Varcollege.slideToggle('slow');            });        });    </script>
```

##### ASPX Code (Body Part):

```
<body>    <div style="width: 300px; text-align:justify; padding:1px; border:1px solid #CCCCCC; font-family:Verdana; font-size:14px; color:#808080;">        <div id="Title" style="background-color:#CCCCCC; padding:5px; cursor: hand;">            <b>About My College</b>        </div>        <div id="college" style="padding:5px;">My College is located near Poonamalle, Chennai. Just, opposite to my College, there is an amusement park named “Queensland”. Nearby there is another amusement park named “EVP Amusement Park”.        </div>    </div></body>
```

\

Hope, this article helps you a lot.

---

Original Source: https://www.mindstick.com/articles/931/introduction-to-jquery-slider

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
