Unfocus Not Working

[biglesliep]

Apologies in advance for being verbose, but I figure more info is better than not enough. I'm using qTip on 2 pages of my client's website and everything works great except that I can't get the "unfocus" instruction working. The tip correctly appears when the user clicks on an image, but only disappears when the user clicks on that same image (closes tip) or clicks on another image with a tooltip (closes tip & opens new tip). If the user clicks outside the image (when it's supposed to close with the unfocus instruction) nothing happens.

My page is a big table of headshots with short biographies of each person in the tip (http://www.kauffmanfellows.org/faculty.aspx). The structure of the page is this:

HTML Code

<td class="faculty">
  <img class="facultyPhoto">
  <div that contains the text for the tip title; display="none">
  <div that contains the rest of the tip text; display="none">
</td>

I've got the following qTip code:

JS Code

$(document).ready (function () {
    // themeroller style defined here
 
    $ ('td.faculty').each (function (){
   // variables defined here - description, titletext, targettext, tooltiptext
 
		$(this).qtip ({
			content: {
                            text: description,
                            title: {
                                text: titletext,
                                button: '[x]'
                            }
                        },
			position: { 
				corner: { 
				    target: targettext, 
				    tooltip: tooltiptext 
				},
				target: $(this).find('img.facultyPhoto')
 
			},   
			show: { when: 'click', solo: true }, 
			hide: 'unfocus', 
			style: { width: 350, 'max-height':400, overflow: 'auto', name: 'themeroller', tip: true }
		});
    });
}) ;

I looked through all the forum posts related to "unfocus" but couldn't find an answer to my problem. I notice that in the other posts on this topic, that the unfocus instruction is written:

JS Code

hide: '<span class="highlight" style="padding-left: 0px; padding-right: 0px;">unfocus</span>'

.
I've tried this option as well, but when I do then nothing works. I am also not able to find any documentation as to why the unfocus instruction needs to be written this way or what it accomplishes.

The other page where I use qTip functions the same, though in that one, the tip contains the RSS feed from each person's blog (http://www.kauffmanfellows.org/society_blogs.aspx).

Thanks in advance for your help! I've got it 99% of the way there, and if I could get this "unfocus" thing working, it'll be a slam dunk.

[Craig]

Unfocus has a lot of issues in qTip 1.0, I'd suggest upgrading to qTip2 Other than that I can't really suggest much else, as 1.0 is a dead project