Hi there. I'm running jquery 1.3.2 and I've found rather strange behavior of toggle function.
In general i have following HTML: <div id="profile-edit-avatar" class="gray round edit s-5"> <div class="wrapper"> <form id="profile-edit-avatar-form" enctype="multipart/form-data" method="post" name="avatarForm" action="/traveller/9"> <input type="file" id="profile-edit-avatar-form-avatarFile" size="6" name="avatarFile"/><br/> <span class="minor">Hint text</span> </form> </div> <!-- Rounded corners --> <div class="ne"/><div class="se"/><div class="sw"/><div class="nw"/> </div> The style of id is: #profile-edit-avatar{ display: none;} Now, when I launch toggle function on that element, for example this way: jQuery("#profile-edit-avatar").toggle(alert('toggled!')); nothing happens (although callback is fired). Even running it from firebug console doesn't work. But when I disable "display:none" style in CSS inspector then toggle function works as expected. What the hell is going on!? This applies to Firefox browser and IE. The funny thing is that everything seam to work when i do: jQuery("#profile-edit-avatar").toggle(10); Can someone please explain this to me and get my sanity back. Thank you very much in advance. Best regards!