J'essaie de masquer ou d'afficher un divisé en fonction du code suivant }); p> Le fichier HTML est le suivant: p> xxx pré> Le fichier CSS est le suivant: p> #left-column{
position:relative;
height:100vh;
background-image: linear-gradient(to top, #727bf5, #282828);
/* max-width:300px;
min-width:200px; */
float:left;
}
#test{
float:left;
}
#wrapper{
overflow: hidden;
}
3 Réponses :
Vous utilisez jQuery, utilisez donc jQuery: Notez que vous n'avez pas besoin de renvoyer les instructions pour masquer le DIV, il suffit de le masquer. P> vous Voulez-vous également tester la valeur de x, non qu'il y a une valeur dans x. p> p>
$(document).ready(function(){
$("#click").click(function(){
var x = $("#left-column").css('display');
console.log(x);
if(x=='block'){
$("#left-column").fadeOut();
}else{
$("#left-column").fadeIn();
}
});
});
follogué les mêmes étapes mais a eu ce qui suit. Nom de fichier.js: 6 Couvent TypeError: $ (...). Fadeout n'est pas une fonction à HTMLButtonElement.
Merci pour la réponse et l'aide que j'ai fait ce que vous avez dit, mais une erreur persiste toujours, cela ne fonctionne que lorsque je remplace FadeOUT () et FADEIN () avec basculer ()
Dans ce cas, essayez d'utiliser .toggleclass (qui ajoute / supprime une classe de l'élément), puis créez une classe qui anime l'opacité - comme dans Cet exemple ou Celui-ci ou Ce . Notez que vous devez animer l'opacité (ou même la visibilité) car affichage est tout-ou-aucun / on-désactivé - mais opacité peut être animé .
au lieu d'utiliser Vous pouvez utiliser si vous souhaitez que la fonction fonctionne même sur des éléments qui seront créés sur la page sur l'avenir.
Utilisez la fonction FadeToggle.
$(document).ready(function(){
$("#click").click(function(){
$("#left-column").fadeToggle();
});
});
ne fonctionne pas la seule fonction qui fonctionne fonctionne est basculer () mais je veux utiliser FADEOUT () et FADEIN () pour l'animer le résultat
Il peut y avoir un conflit avec les bibliothèques. Les deux 3,3 mince et 3.4 sont appelés. Voici un js violon pour Fadetoggle et Animate
J'ai utilisé une bibliothèque mais il y a encore un problème