jQuery: if my css visibility:hidden, how can i appear my elements?

Question

in my css i've set some elements visibiliy:hidden, how can I show them?

I've done it before with opacity, but i've some bug in IE:

var i = 0;
$mySelection.each(function(i) {
    $(this).delay((i * 100) + ($mySelection.length)).animate(
        { opacity: "1"},
        {queue:true, duration:1000, easing:"quartEaseIn"}
    ); 
})

How can i do if I want controll visibility with jQuery instead of opacity? thank you

Answer 1

$(":hidden").css("visibility", "visible");

Answer 2

Rather than using visibility: hidden, use display:none, then if you want to fade in your hidden element use fadeIn. For example:

$("div:hidden").fadeIn("slow");

Edit: Given that you want to use visibility, try this:

var i = 0;
$mySelection.each(function(i) {
    $(this).delay((i * 100) + ($mySelection.length)).css(
        { 'opacity': '0', 'visibility': 'visible'}).animate(
            { opacity: "1"},
            {queue:true, duration:1000, easing:"quartEaseIn"});
});