Disable show/hide functionality for problematic IE 6
I've discovered that a Jquery show/hide function isn't working in IE6, and as it works fine in all other browsers, I'm tempted to disable the effect and just have everything showing in IE6. However, I'm not sure how to do this. Is it possible to do this using a IE6 conditional comment following the Jquery script? Or some other way? I haven't had luck thus far. Thanks for any assistance.
-
<!-- HTML -->
<div class="classname"><a class="showhide" href="#">Link name</a></div>
<div class="hide">Hidden content </div>
-
<!--JS -->
$(document).ready(function(){
// Show / hide
$('.hide').hide();
$('.showhide').toggle(function(){
$(this).parent().next().fadeIn('slow').removeClass('hide').preventDefault;
}, function(){$(this).parent().next().fadeOut('slow').addClass('hide').preventDefault;
})
});