Fadeout et Fadein dans le même espace

Question

Je veux fondre # lg-image et fondre # colonne-gauche et # colonne-droite dans le même espace que # lg-image était. Est-ce possible?

Merci

Answer 1

que #lg-image et donnez #column-left et #column-right ressemblent beaucoup à CSS ID selectors Je suppose que vous parlez HTML/CSS avec un côté de JavaScript.

Etant donné que vous faites référence à vos éléments HTML avec la syntaxe de sélection CSS, vous êtes sur le point de pouvoir utiliser jQuery pour faire le travail. jQuery propose les fonctions fadein() et fadeOut().

Il y a un example sur la page fadein() que j'ai lié à des démos qui ont perdu quelque chose et qui ont perdu quelque chose au même endroit. Ce que vous cherchez, ce n'est pas tellement JavaScript à ce stade, mais bien le CSS qui permet aux deux éléments d'occuper le même espace à l'écran. Notez que le CSS de l'exemple contient une propriété CSS position:absolute; ciblant l'élément <div> et la règle CSS ciblant <p> spécifie position:relative;. Ce sont la vraie magie et pour vraiment l'obtenir, vous aurez besoin de lire quelques-uns sur CSS positioning.

Answer 2

ok, pas besoin de jquery!

regarder l'exemple:

DEMO:http://jsbin.com/aguhu/4

CODE SOURCE:http://jsbin.com/aguhu/4/edit

laissez-moi savoir!