jQuery Effects: Slide, Fade, and Animate

This content will appear and disappear when the div is Slide in and out. Slide Up Slide Down Slide Toggle...

Demo

Slide

HTML

<div id="slideMe"> Slide </div>
<!-- One button for each slide command -->
<input type="button" id="btnSlideUp" value="Slide Up">
<input type="button" id="btnSlideDown" value="Slide Down">
<input type="button" id="btnSlideToggle" value="Slide Toggle">

CSS

<style>
        #slideMe { 
                background-color: #037cd5; 
                color:#FFF;
                padding:25px 15px; 
        }
</style>

Jquery

    $('#btnSlideUp').click(function() {
            $('#slideMe').slideUp('slow');
    });
    $('#btnSlideDown').click(function() {
            $('#slideMe').slideDown();
    });
    $('#btnSlideToggle').click(function() {
            ss$('#slideMe').slideToggle('fast');
    });

Copyright 2016 by WebiBeris.com. All Rights Reserved.