Hi Brian,
I'm just thinking out loud here, but maybe adding a rule to your
stylesheet would fix it in IE6:
div.DownloadInfo { display: none; }
/* override display:none when the div is inside #cluetip */
#cluetip div.DownloadInfo { display: block; }
for that matter, you could be more generic, because of CSS specificity
rules:
#cluetip div { display: block; }
Let me know if this works for you.
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 10, 2009, at 4:43 PM, brian wrote:
jQuery 1.3.2
ClueTip 1.0.4
$('a.DownloadInfoLink').cluetip({
activation: 'click',
local: true,
showTitle: false,
sticky: true,
mouseOutClose: true,
cluetipClass: 'jtip',
width: 550,
height: 300,
fx: { open: 'fadeIn' }
});
div.DownloadInfo { display: none; }
<a href="#" class="DownloadInfoLink"
rel="#download_info_X">click here for stuff</a>
<div class="DownloadInfo" id="download_info_X">
stuff here...
</div>
This works terrific in everything except IE6, where the cluetip comes
up empty. If I remove the display: none and use hideLocal: true the
contents of all .DownloadInfo are displayed as the page loads. I'm
guessing there may be a general issue (not just with ClueTip) with IE6
not hiding things quick enough. Does anyone know of a workaround?