mavsan

daltonrooney / modal-video.vue

Last active April 26, 2024 08:41

Modal video player component for Vue.js

ludder / slideDown.js

Created December 6, 2012 17:25

Vanilla JavaScript slideUp and slideDown functions

	/*
	Element to slide gets the following CSS:
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.4s ease 0s;
	*/

	/**
	* Like jQuery's slideDown function - uses CSS3 transitions

	/* Based on https://github.com/appleple/react-modal-video/ */

	<template>
	<div v-if="isOpen">
	<div
	:class="classNames.modalVideo"
	tabIndex='-1'
	role='dialog'
	:aria-label="aria.openMessage"
	@click="$emit('update:isOpen', false)"