How to hide nested form from jQuery under IE8
- by pduel
An html segment with a div containing a form:
<div class="hide">
Form header
<form action='' method='post'>
.... form content here
</form>
form footer
</div>
<script type="text/javascript"><!--//
$(document).ready(function() {
$('.hide').hide();
}
//--></script>
The jquery should hide the form, but does not do so under IE8. (version 8.0.60001)
The form content gets hidden, as does the content within the class='hide' div
but outside the form, but the form border continues to show, and retains
its size.
Does anybody have a workaround for this?
jQuery is version 1.4.2
I tried to create a small problem demo in jsfiddle, but that site was not functional in the IE browser.