SO Answer: how to use -ms-filter inside jquery animate

See: http://stackoverflow.com/questions/13991101/how-to-use-ms-filter-inside-jquery-animate

by KooiInc MeHere

HTML

<div id="foo">Hello World</div>

CSS

#foo {
    font: 0.8em/2em normal verdana,arial;
    opacity: 1;
    background: #000;
    color: #fff;
    cursor: pointer;
    text-align:center;
    width: 500px;
}

JavaScript

//set initial opacity 'manually' for ie<9
if ($.browser.msie && $.browser.version<9){
    $('#foo').css('opacity',1);
}

$('#foo').on('click',
             function(){
              var opNow = +($(this).css('opacity')) <= 0.5 ? 1 : 0.2
                  ,wNow = parseInt($(this).css('width'),10) > 100 ? 100 : 500;
                 console.log(wNow);
                 $(this).animate(  {opacity:opNow, width: wNow} ,500);
             }
);