Skip to content

Latest commit

 

History

History
56 lines (47 loc) · 1.28 KB

no-fade.md

File metadata and controls

56 lines (47 loc) · 1.28 KB
Raw

no-fade

Disallows the .fadeIn/.fadeOut/.fadeTo/.fadeToggle methods. Prefer CSS transitions.

📋 This rule is enabled in plugin:no-jquery/slim.

📋 This rule is enabled in plugin:no-jquery/all.

Rule details

❌ Examples of incorrect code:

$( 'div' ).fadeIn();
$div.fadeIn();
$( 'div' ).first().fadeIn();
$( 'div' ).append( $( 'input' ).fadeIn() );
$( 'div' ).fadeOut();
$div.fadeOut();
$( 'div' ).first().fadeOut();
$( 'div' ).append( $( 'input' ).fadeOut() );
$( 'div' ).fadeTo();
$div.fadeTo();
$( 'div' ).first().fadeTo();
$( 'div' ).append( $( 'input' ).fadeTo() );
$( 'div' ).fadeToggle();
$div.fadeToggle();
$( 'div' ).first().fadeToggle();
$( 'div' ).append( $( 'input' ).fadeToggle() );

✔️ Examples of correct code:

fadeIn();
[].fadeIn();
div.fadeIn();
div.fadeIn;
fadeOut();
[].fadeOut();
div.fadeOut();
div.fadeOut;
fadeTo();
[].fadeTo();
div.fadeTo();
div.fadeTo;
fadeToggle();
[].fadeToggle();
div.fadeToggle();
div.fadeToggle;

Resources