当前位置:主页 > JavsScript库 > 其它 >

滑动切换 - SimpleSlideToggle.js
栏目分类:其它   发布日期:2021-09-22   浏览次数:

slideUp 和 slideDown 动画的原生 JavaScript 实现。使用它来显示和隐藏具有平滑滑动效果的给定元素,而无需依赖 jQuery。

如何使用它:

1. 导入 simpleSlideToggle.js JavaScript 库。

import { slideUp, slideDown, slideToggle } from 'simple-slide-toggle'
<script src="./dist/simpleSlideToggle.js"></script>

2. 切换元素的可见性。

<div
  id="example"
  aria-hidden="true"
  aria-expanded="false">
  显示/隐藏
</div>
const $target = document.getElementById('example')
slideToggle($target);

3. 指定动画速度。

slideToggle($target, 500);

官方网站:https://github.com/maekoya/simpleSlideToggle

相关热词: 滑动切换

声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库