[Solved] qtip won't go away

[ronedog]

I've got a qTip to display an unordered list with links to open a modal dialog box. When the qTip displays everything works fine, and I can click on the links inside the tip, however, the qTip never goes away.

Any ideas what I'm doing wrong? Thanks for any help you can give.

Here is my qTip code:

JS Code

var html = '<ul><li><a href="#" o<strong></strong>nclick="modal_popup_open()">click to open dialog box</a></li></ul>'
 
$("#qtip_id").qtip({
	content: 	{
					text: html
				},
	position: { corner: { 
						tooltip: "leftMiddle",
						target: "topRight" 
					} 
			},
	style: {  
			name: "dark",
			background: "white",
			width: "350",
			tip: { corner: "leftMiddle" }
			},
	show: {
			when: "mouseover", 
			solo: true 
		 },
 
	hide: "unfocus"
});

[Craig]

Well you're telling it to hide on 'unfocus', so it will only disappear when clicking elsewhere on the page i.e. not the tooltip or target element.

[ronedog]

(11th August 20:56)Craig Wrote:  Well you're telling it to hide on 'unfocus', so it will only disappear when clicking elsewhere on the page i.e. not the tooltip or target element.

Thanks for the reply, oddly, though, when I click on anything else on the page it still stuck there no matter what element I was clicking on.

I found another post that had this as a solution:

hide: { fixed: true, delay: 200 }

This got me what I was looking for. Thanks.