JQuery Script, Works in Firefox, not in IE, Chrome
<p>I have the following script which slides a container down and another up, and vice versa depending on the condition of closed/enabled variables.</p>

<p>The script works fine in firefox, however in IE and Chrome, it just doesnt work :(</p>

<p>Can anyone please advise?</p>

<p>Many thanks! heres the script.</p>

<p>(The OCH var takes the height of a continer which elements are loaded into via ajax, so it then knows when to open it again how many px to open to - is this the best way?)</p>

<pre><code>            $(document).ready(function()
            {
                //Grab the height of the container after its loaded with all the calls in...
                var och = $('#calls').height();
                //Are we allowed to close this panel yet?
                var enabled = false;
                //is the panel closed or not?
                var closed = false;
                $(".survey-description").click(function () {
                    if (enabled == true) {
                        if (closed == false) {
                            $(this).closest("#calls").stop().animate({"height": "44px"}, "fast");
                            closed = true;
                        }
                        else {
                            $(this).closest("#calls").stop().animate({"height": och}, "medium");
                            closed = false;
                        }
                    }
                });

                $(".linktoCall").click(function () {
                    if (closed == false) {
                        //Now we can toggle the top panel...
                        enabled = true;
                        $(this).closest("#calls").stop().animate({"height": "44px"}, "fast");
                        closed = true;
                    }
                });

            });
</code></pre>

<p>EDIT here is some html of the rendered elements.</p>

<pre><code>&lt;div id="survey-description"&gt;&lt;/div&gt;
&lt;div id="calls"&gt;
    &lt;div&gt;
        &lt;p onclick="showCall('tgkn5xabgnivkaf');" id="notstarted" class="linktoCall"&gt;59677 tgkn5xabgnivkaf&lt;br&gt;NOT STARTED - SAVED&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="aCall"&gt;
&lt;/div&gt;
</code></pre>
