Home > DeveloperSection > Articles > Introduction to JQuery Slider

Introduction to JQuery Slider

JQuery JQuery 
0 Comment(s)
 4140  View(s)
Rate this:

Introduction to JQuery Slider

In this quick article, you will learn how to apply a slide in a DIV 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 () {






ASPX Code (Body Part):


    <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 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”.






Hope, this article helps you a lot.

Don't want to miss updates? Please click the below button!

Follow MindStick