test
parent
3b5aca5759
commit
cc73c640eb
|
@ -22,14 +22,14 @@
|
|||
this.currentVariant = id;
|
||||
|
||||
// edit inner html
|
||||
this.reloadCurrentVariant(id);
|
||||
this.reloadCurrentVariant(id, true);
|
||||
}
|
||||
|
||||
disconnectedCallback() {
|
||||
// Clean up the element when it is removed from the DOM.
|
||||
}
|
||||
|
||||
reloadCurrentVariant(id) {
|
||||
reloadCurrentVariant(id, openAnimation = false) {
|
||||
this.currentVariant = id;
|
||||
|
||||
// edit inner html
|
||||
|
@ -52,11 +52,23 @@
|
|||
}
|
||||
|
||||
this.appendChild(videoClone);
|
||||
|
||||
|
||||
// get video element
|
||||
let videoElement = this.querySelector('.shx-video');
|
||||
videoElement.classList.add('shx-video-for-desc');
|
||||
videoElement.classList.add('shx-video-for-desc');
|
||||
|
||||
if(openAnimation) {
|
||||
//animejs fade in
|
||||
|
||||
videoElement.styles.height = '0ox';
|
||||
|
||||
anime({
|
||||
targets: videoElement,
|
||||
height: '100%',
|
||||
duration: 300,
|
||||
easing: 'easeOutQuad'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue