Callout.js

Summary

CallOut is an easy to use jQuery plugin for showing additional content on click or hover events without obscuring the rest of the screen like a traditional popup

Basic Usage

<div class="callout-wrapper" style=" margin-top: 15px;">
	<div id="calloutBtn" class="btn">Click Me</div>
</div>

While designing the plugin, we decided that we wanted callouts that are smart with regards to available screen space and are strongly tied with the button that opens them(for example during a downward scroll). For this reason, developers need to wrap their button in a div with class .callout-wrapper