const mySlideOver = tailwind.Modal.getOrCreateInstance(document.querySelector("#mySlideOver"));
const mySlideOver = tailwind.Modal.getInstance(document.querySelector("#mySlideOver"));
mySlideOver.hide();
mySlideOver.show();
mySlideOver.toggle();
| Event type | Description |
|---|---|
| show.tw.modal | This event fires immediately when the show instance method is called. |
| shown.tw.modal | This event is fired when the slide over has been made visible to the user (will wait for CSS transitions to complete) |
| hide.tw.modal | This event is fired immediately when the hide instance method has been called. |
| hidden.tw.modal | This event is fired when the slide over has finished being hidden from the user (will wait for CSS transitions to complete). |
const mySlideOverEl = document.getElementById('mySlideOver') mySlideOverEl.addEventListener('hidden.tw.modal', function (event) { // do something... })