Question

17

Fading visibility of element using jQuery

rated 0 times [ 23] [ 6] / answers: 1 / hits: 73455 / 15 Years ago, tue, june 23, 2009, 12:00:00

I'm having some trouble with finding the visibility param for JQuery.

Basically... the code below does nothing.

$('ul.load_details').animate({

    visibility: visible

    },1000);

There's nothing wrong with the animate code (I replaced visibility with fontSize and it was fine. I just can't seem to find the correct param name equivalent for visibility in css.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ishmaelw

Add To Favorites

Follow

Total Points: 528

Total Questions: 96

Total Answers: 103

Location: Venezuela

Member since Sat, Apr 24, 2021

3 Years ago

answered 15 Years ago monetm · Accepted Answer

You could set the opacity to 0.0 (i.e. invisible) and visibility to visible (to make the opacity relevant), then animate the opacity from 0.0 to 1.0 (to fade it in):

$('ul.load_details').css({opacity: 0.0, visibility: visible}).animate({opacity: 1.0});

Because you set the opacity to 0.0, it's invisible despite being set to visible. The opacity animation should give you the fade-in you're looking for.

Or, of course, you could use the .show() or .fadeTo() animations.

EDIT: Volomike is correct. CSS of course specifies that opacity takes a value between 0.0 and 1.0, not between 0 and 100. Fixed.