Diminution de la visibilité de l'élément à l'aide de jQuery

Question

J'ai du mal à trouver le paramètre de visibilité pour JQuery.

En gros ... le code ci-dessous ne fait rien.

 $('ul.load_details').animate({
	visibility: "visible"
    },1000);
 

Il n'y a rien de mal avec le code animé (j'ai remplacé la visibilité par fontSize et tout s'est bien passé. Je n'arrive tout simplement pas à trouver l'équivalent correct du nom du paramètre pour la "visibilité" dans css.

Answer 1

Vous pouvez définir l'opacité à 0,0 (c'est à dire "invisible") et de la visibilité visible (pour faire de l'opacité pertinentes), puis d'animer l'opacité de 0.0 à 1.0 (pour en fondu):

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

Parce que vous réglez l'opacité à 0,0, il est invisible en dépit d'être réglé à "visible". L'opacité de l'animation devrait vous donner le fade-in vous êtes à la recherche pour.

Ou, bien sûr, vous pouvez utiliser l' .show() ou .fadeTo() animations.

EDIT: Volomike est correct. CSS bien sûr spécifie qu' opacity prend une valeur entre 0.0 et 1.0, et non entre 0 et 100. Fixe.

Answer 2

Peut-être vous êtes simplement à la recherche pour afficher ou masquer un élément:

$('ul.load_details').show();
$('ul.load_details').hide();

Ou voulez-vous afficher/masquer l'élément à l'aide de l'animation (ce n'est pas logique de parcours comme il ne se décolore pas):

$('ul.load_details').animate({opacity:"show"});
$('ul.load_details').animate({opacity:"hide"});

Ou voulez-vous vraiment fondu dans l'élément comme ceci:

$('ul.load_details').animate({opacity:1});
$('ul.load_details').animate({opacity:0});

Peut-être un bon tutoriel va vous aider à obtenir jusqu'à la vitesse avec jQuery:

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

Answer 3

Vous ne pouvez pas animer visibility . Quelque chose soit visible ou non (l'événement 1% des éléments opaques sont «visibles»). C'est un peu comme si je n'existais qu'à moitié - cela n'a pas de sens. Il est probablement préférable d’animer l’opacité (via .fadeTo (), etc.).

Answer 4

Cela pourrait aider:

 $(".pane .delete").click(function(){
	$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
});
 

Answer 5

vous pouvez utiliser après animate func, css func

 animate().css({visibility: "visible"})