ok instead of display:none i use something slightly different
#my element {
height:0!important;
width:0!important;
overflow:hidden!important;
font-size:0!important
}
try using those listed styles instead of display:none
so i would use the following jquery
$("#id").animate({ height:"0!important", width:"0!important",
overflow:"hidden!important", fontSize:"0!important" } 0 );
if you animate with the value of 0 it reaches its' end state immediately
On Fri, May 1, 2009 at 3:25 PM, bluejohn <john.car...@bluefly.com> wrote:
>
> Hi,
>
> I'm running an A/B test using a 3rd party javascript testing app. I'm
> loading the jquery script with the tool.
>
> <script>
> $(document).ready(function(){
> $(".cartInStock").css({display : " none "});
> });
> </script>
>
> The problem is that the original CSS displays (what I want to hide)
> while the page is loading, but as soon as it finishes the the script
> updates the css and the element disappears.
>
> The script itself loads fairly high up on the page. I'm not sure if
> this is the script or the A/B testing tool causing the delay.
>
> Any suggestions?
