Close a qTip from inside the tip content?

[ChimneyMedia]

I've used the "close" link in the header of the Tip to close it, but I'm wondering if there's a way to close it by a trigger event from within the Tip content.

For example, if my Tip displays a form with a "Cancel" button, how can I set that cancel button to trigger the current qTip to close?

Or perhaps, after the user successfully submits the form, I may want to trigger the qTip to close. Is there a way?

[Craig]

This can be achieved by using the tooltips API:

JS Code

var api = $('.tooltipselector').qtip("api"); // Get the API of an already created tooltip
 
api.elements.tooltip.bind('yourevent', api.hide); // Hide the tooltip using the hide API method on 'yourevent'
});

[nkadih]

I have two pages master and details. I click on the master to display the detail page using the following code. but i was not able to close the detail page using the close button.

$("#demo2").qtip({
content: {
url: 'TBCoverLettersDetails.aspx',
data: { id: $(this).attr('id') },
method: 'get',
title: {
text: 'Modal qTip',
button: 'Close'
},
},

but i was not able to close the detail page using the close button.
function CloseDetails()
{
$("#qtipid").qtip("api").hide();
}
I got an error that interfaces are null

any help

[Craig]

nkadih, could you post the full page code including HTML so I can give it a test run myself? Also, try disabling all other jQuery plugins on the page and see if it makes a difference.