forkit.js

An experimental animated ribbon which reveals a curtain of additional content.

Curious about how this looks in action? Check out the demo page.

Events

Open/close events are dispatched from the main .forkit element:

document.querySelector( '.forkit' ).addEventListener( 'forkit-open', function() {
  // fired when the curtain is pulled down
} );

document.querySelector( '.forkit' ).addEventListener( 'forkit-close', function() {
  // fired when the curtain retracts
} );

License

MIT licensed

Copyright (C) 2017 Hakim El Hattab, http://hakim.se