1.0.3 • Published 5 years ago

v-slide-toggle v1.0.3

Weekly downloads
1
License
MIT
Repository
github
Last release
5 years ago

v-slider-toggle


Install:

npm i -S v-slide-toggle

Introduction

Like the jquery's slideToggle().

img

How to use

<button v-st="{ ele: '#slideToggle', d: 150 }"></button>

<div id="slideToggle">
  ...
</div>


<script>
import { $slideToggle } from 'v-slide-toggle'

export default {
  directives: {
    st: $slideToggle
  },
}
</script>

// or global use
import slideToggle from 'v-slide-toggle'

Vue.use(slideToggle)

Options

  • ele: className or id
  • d: the animation's duration (ms)
  • fx: move's function, default is linear: (t, b, c, d) => c / d * t + b

Thanks to use!