Je suis un novice en codage JQuery, et j'ai besoin d'aide avec mon code. J'ai un bouton qui me permet de révéler une section cachée sur mon site Web, mais au moment où le bouton reste même si je veux qu'il disparaisse. Mon site Web est construit avec WordPress et DIVI.
Avec le code suivant, vous aurez ma dernière tentative avec la valeur Masquer / Afficher dans CSS. P>
<style type="text/css">
.rv_button.closed:after {content:"";}
.rv_button.opened:after {content:"";}
.hide {display:none;}
.show {display:block;}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#reveal').hide();
jQuery('.rv_button').click(function(e) {
e.preventDefault();
jQuery("#reveal").slideToggle();
jQuery('.rv_button').toggleClass('opened closed');
});
});
</script>
4 Réponses :
Vous basculez des cours nommés Chance de votre dernière ligne non triviale à si vous avez déjà ouvert et fermé , tandis que votre CSS indique que masquer et Afficher sont ceux qui affectent la présence de l'élément dans le rendu final de la page. Il n'y a probablement pas besoin de la plupart des cours. Vous pouvez simplement ajouter le masquer un. show < / Code> Classe appliquée sur le bouton, puis votre idée d'origine a du sens. Il vous suffit de modifier les classes pour correspondre à celles que vous avez définies dans les styles.
Il suffit d'ajouter $ (ceci) .hide () dans votre fonction de clic.
Merci à tous pour votre implication dans ma question. J'ai réussi à utiliser la solution de @ vmf91 qui fonctionne comme un charme. Merci encore des gars et passez une belle journée.
Voulez-vous supprimer le bouton après avoir cliqué dessus? Si tel est le cas, il vous suffit d'insérer la ligne suivante à l'intérieur de l'événement Button:
jQuery('.rv_button').click(function(e) {
e.preventDefault();
jQuery(this).hide();
jQuery("#reveal").slideToggle();
//You don't need this if you want to hide the button
//jQuery('.rv_button').toggleClass('opened closed');
});
Pouvez-vous inclure votre HTML / Markup aussi, s'il vous plaît?
Aussi, faites-nous savoir s'il y a des erreurs dans la console de votre navigateur.
Rien dans ce code ou CSS ne cacherait le bouton. Qu'est-ce que tu ne nous montres pas?