Toggle

显示或隐藏元素。

$el.toggle();
// Native
if (el.ownerDocument.defaultView.getComputedStyle(el, null).display === 'none') {
  el.style.display = ''|'inline'|'inline-block'|'inline-table'|'block';
} else {
  el.style.display = 'none';
}

FadeIn & FadeOut

调整元素透明度。

$el.fadeTo('slow',0.15);
el.style.transition = 'opacity 3s'; // 假设 'slow' 等于 3 秒
el.style.opacity = '0.15';

FadeToggle

动画调整透明度用来显示或隐藏。

// jQuery
$el.slideUp();
$el.slideDown();
// Native
const originHeight = '100px';
// slideUp
// slideDown
el.style.height = originHeight;

SlideToggle

滑动切换显示或隐藏。

Animate

// jQuery
$el.animate({ params }, speed);
// Native
el.style.transition = 'all ' + speed;
Object.keys(params).forEach((key) =>
)