Persistent qtip which appears on hover disappears only by clicking on an element

[Bala]

I am using qtip version 1.0.0-rc3 and have to solve the following problem :
I have a div element on which a qtip has to appear on hover. The div element has an anchor tag within it. When the user clicks on the link, I want the qtip to persist even when the mouse has moved out of the div. The qtip has to be hidden only when the use clicks on the link again or on some other link on the page[There are multiple such div's on the page].
The HTML has the following structure :

<div><a>Name</a><div>

I've tried using
hide : 'unfocus', but this does not serve the purpose.
Basically, I need a way to control how my qtip is hidden.

[Craig]

This sounds almost exactly like what unfocus is needed for What did that do that you didn't want it to?

[Bala]

Here's the code I'm using

JS Code

$calEvent.qtip({
                content: self._getQtipContent(calEvent),
                position: {
                    viewport: $(window),
                    corner: {
                        target: "topMiddle",
                        tooltip: "bottomMiddle"
                    },
                    adjust: {
                        screen: true
                    }
                },
                show: {
                    solo: true,
                    when: {
                        event: 'click',
                        target: $calEvent.find("a")
                    }
                },
                hide: 'unfocus',
                style: {
                    border: {
                        radius: 5,
                        color: "#ccc"
                    },
                    tip: {
                        corner: "bottomMiddle",
                        color: "#ccc",
                        size: {
                            x: 15,
                            y: 8
                        }
                    }
                }
            })

The tooltip appears when I click on the link and disappears when I click on the link itself or any other link on the page, which is fine.
However, I want the qtip to appear on hover as well. The click on the link should "lock" the qtip in its position until the link is clicked on again.
The flow should be as follows:

- Hover over the div => qtip appears
- If link within the div is clicked => lock qtip and remove it when link is clicked again or any other link is clicked.
- Hover out of the div => if link was clicked, persist qtip or else hide the qtip.

Thanks!