Reply To: Hover event, but not on touch/mobile devices

[Atelierbram]

Can be done with just CSS, no javaScript needed:

.preview {
  /* display: none; */
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  height: 50%;
  transition: all .3s;
}

[id="test-parent"]:hover ~ .preview { 
  opacity: 1; 
}