Home > DeveloperSection > Articles > Introduction to JQuery Slider

Introduction to JQuery Slider


JQuery JQuery 
Ratings:
0 Comment(s)
 3699  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 () {

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


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

Follow MindStick