Applying Slide in DIV Using jQuery

Introduction

In this quick article, you will learn how to apply a slide in a DIV tag using jQuery. We will first look at the animated image (working example) and then the code.

Now look at the code.

jQuery Code

$(document).ready(function () {

var $VarAbout = $('#About');

$('#Title').click(function () {

$VarAbout.slideToggle('slow');

});

</script>

We already discussed the concepts used above in earlier posts; read the previous posts if you do notunderstand.

ASPX Code (Body)

<body>

<b>About Visual Studio</b>

</div>

Microsoft Visual Studio is an integrated development environment (IDE) from Microsoft. It is used to develop console and graphical user interface applications along with Windows Forms applications, web sites, web applications, and web services.

</div>

</body>

Very simply, there is nothing new here; download the attached project here and try it yourself.