// RTV JSG // Effects using jQuery // Modified from: http://www.learningjquery.com/2006/09/slicker-show-and-hide $(document).ready(function() { // hides the slickbox as soon as the DOM is ready // (a little sooner than page load) $('#slickbox').hide(); // shows the slickbox $('a#slick-show').click(function() { $('#slickbox').show('slow'); return false; }); // hides the slickbox $('a#slick-hide').click(function() { $('#slickbox').hide('fast'); return false; }); // toggles the slickbox $('a#slick-toggle').click(function() { $('#slickbox').toggle(400); return false; }); // slide-down $('a#slick-slidedown').click(function() { $('#slickbox').slideDown('slow'); return false; }); // slide-up $('a#slick-slideup').click(function() { $('#slickbox').slideUp('fast'); return false; }); // fade-in $('a#slick-fadein').click(function() { $('#slickbox').fadeIn('slow'); return false; }); // fade-out $('a#slick-fadeout').click(function() { $('#slickbox').fadeOut('fast'); return false; }); });