Debugging a Spry issue

Question

I added a button to one of my panels to make it show or hide
part of the page it works in Firefox 2 but not in IE7.
Anyone have any ideas what might cause this to fail in IE7?
The code is.....
<form method="get" action="blinds_sample.html">
<input type="button" onclick="showcriteria();"
value="Selection Criteria" />
</form>
<div id="criteria" style="display:none;">....Content
that is hidden at start...</div>
<script>
var blind_effect = new Spry.Effect.Blind("criteria",
{duration: 1000, from: "0%", to: "100%", toggle: true});
</script>
The HTML validates at w3c so I don't think that is the cause.
Anyone know what else might be the problem?

Answer 1

In Firefox everything works as expected. First click shows
the hidden content second click hides it again. Toggles in effect.
quote:
are u using the latest version?
I belive so. I am using version 1.6.1 (it is extracted from
the zip in a directory called Spry_P1_6_10-01).
quote:
does it work when u delete the style from the criteria ?
With that chenge, It initially displays in both IE and
Firefox but gets hidden when clicked twice in Firefox.
In IE it is displayed at first but disappears after one click
and fails to display on further clicks.
quote:
What error message does it give?
There is no message displayed in IE just shows nothing and
when button is clicked shows a blank space where the content should
be. Further clicks don't do anything.
Any ideas?