JSFiddle - React, Tailwind, and code Playground

by roadrash

HTML

<script src="http://highslide.com/highslide/highslide-full.js"></script>
<link rel="stylesheet" href="http://highslide.com/highslide/highslide.css">
<div id="my-target">
<a href="http://highslide.com/examples/includes/include-short.htm" 
onclick="return hs.htmlExpand(this, { 
    objectType: 'iframe', 
    anchor: 'top left',
    targetX: 'my-target 0px',
    targetY: 'my-target 24px',
    width: 350, 
    height: 250} )" 
onmousedown="return hs.close(this)">
Content in iframe
</a>
</div>

JavaScript

/* open/close from the same link */

hs.graphicsDir = 'http://highslide.com/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';