Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Instant show/hide $('#panel').hide(); $('#panel').show(); // Animated $('#overlay').hide('fast'); $('#overlay').show(600); // 600 ms // Toggle a sidebar $('#sidebar-toggle').on('click', function () { $('#sidebar').toggle('slow'); }); // Callback after animation $('#modal').hide(400, function () { $(this).remove(); // remove from DOM after fade }); // Force state $('#tooltip').toggle( $('#show-tip').is(':checked') );
Result
Open