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