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'); });