jQuery 'gpopover' Plugin

A simple jQuery plugin for creating popover elements similar to Google's apps launcher/switcher.

Demo

Click the buttons below to see examples.

What a nice popover

You can put anything you like into a popover: it could be a menu or just some extra supplementary content, whatever works for you.

Placeholder image by placekitten.com
Lorem ipsum
Cras nec scelerisque nibh, at bibendum urna. Donec vitae tempus mi.
Custom Options

This popover has some custom options set:

{
    width: 400,
    preventHide: true,
    onShow: function() {
        if (console && console.log)
            console.log("Popover shown.");
    },
    onHide: function() {
        if (console && console.log)
            console.log("Popover hidden.");
    }
}

The popover will ensure that it is kept within the viewport where possible and that the arrow at the top always points to the element which triggered it. These buttons are intentionally positioned near the left and right of the viewport to demonstrate this.

Learn more and use

Check out the readme for full details of how to use and configure the plugin.