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="width300pxtext-align:justifypadding:1pxborder:1px solid #CCCCCCfont-family:Verdanafont-size:14pxcolor:#808080;">

        <div id="Title" style="background-color:#CCCCCCpadding:5pxcursorhand;">

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

Last updated:11/30/2017 1:09:15 AM
mohan kumar

mohan kumar

Having around 5 Years experience in .NET domain.


Leave Comment