Thanks. I can't seem to get that to work in my scenario .
I think you are missing a comma though:
$("#id").animate({ height:"0!important", width:"0!important",
overflow:"hidden!important", fontSize:"0!important" }, 0 );
On May 1, 9:53 am, waseem sabjee <waseemsab...@gmail.com> wrote:
> 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?
