I've been trying to show a div using the show function with the scale effect. My code works fine in Firefox. When I test it in IE 7, it breaks. I narrowed it down to either the origin argument of the scale effect, or the time argument of the show function (which seems unlikely). Like this:

Works in IE 7, italics added to show commented code better:

1. $(document).ready(function() {
       
       $("#hover").hover(
       function() {$("#content_show").show("scale",{percent: 100, direction: 'vertical'});},//, origin: ['center','center']},500);},
       function() {$("#content_show").hide("scale",{percent: 0, direction: 'vertical'});}//, origin: ['center','center']},500); }
       );
   });
   
   
   
   
   
   

Breaks in IE 7:

1.   $(document).ready(function() {
       
       $("#hover").hover(
       function() {$("#content_show").show("scale",{percent: 100, direction: 'vertical', origin: ['center','center']});},
       function() {$("#content_show").hide("scale",{percent: 0, direction: 'vertical', origin: ['center','center']}); }
       );
   });
   
   
   
   
   
   

Here are some demo pages: Works in IE , Breaks in IE.

What's going on?

Also, not as important, but what is the syntax of the origin property? What values can I use in it?