Jquery Image rotate and toggle are not working at a time in IE8 and IE9
<p>Requirement is when we click the image,the image should be rotate and respective below data should be hide and again when we click the image, the image should be rotate and respective hided data should be show.</p>

<p>Like in visual studio 2010 solution explorer when we click image button, the image is rotating and respective below data is hiding.</p>

<p>My code is working fine for Google cromo and Mozilla. but in IE8 and IE9 its not working properly.</p>

<p><strong>My plugin</strong></p>

<pre><code>&lt;script src="@Url.Content("~/Scripts/jQueryRotate.2.2.js")" type="text/javascript"&gt;   &lt;/script&gt;
</code></pre>

<p><strong>My code for IE8:</strong></p>

<pre class="lang-html prettyprint-override"><code>&lt;!--[if IE 8]&gt;
&lt;script type="text/javascript"&gt;
    var deg = 0;
    $(document).ready(function () {
        $('#imgId').click(function () {
            deg = deg ? 0 : -90;
            rotationDeg = 0;
            switch (deg % 360) {
                case 0:
                    rotationDeg=0;
                    break;
                case -90:
                    rotationDeg=3;
                    break;
            }
            $('#divId').slideToggle("slow");           
            $("#imgId").css('filter', 'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + rotationDeg + ')');
            $('#divId').Toggle("slow");
        });
    });
&lt;/script&gt;
&lt;![endif]--&gt;
</code></pre>

<p>The above code is working fine, but it it showing the below javaScript error.</p>

<blockquote>
  <p>Object doesn't support property or method 'Toggle'</p>
</blockquote>

<p>Then I changed it to</p>

<pre><code>$('#divId').toggle("slow");
</code></pre>

<p>Now the javaScript error is resolved, but image rotation and <code>toggle</code> is not working properly. The same problem happens with IE9 also. Can any one help this - how can I resolve it?</p>
