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!

Reply via email to