jQuery Girl
  1. jQuery Girl
  3. Masquer une div particulière, puis afficher div après clic
Intereting Posts
jQuery Async Appelez uniquement «parallèle» lorsque l’URL est différente. Utilisation de Jquery et Ajax pour enregistrer un fichier dans ASP.Net Syntaxe jQuery: où mettre «toFixed» Comment afficher une fenêtre contextuelle si sélectionner “option” dans le menu déroulant “sélectionner” à l’aide de javascript? AJAX / Jquery XML parse jQuery boucle à travers chaque div img src = svg dans le même document WebAPI Put renvoie HTTPResponseMessage null Comment utiliser des plugins pour différentes versions de jQuery sur la même page? Détection et arrêt des requêtes JavaScript lentes de tiers avant le déchargement ignore la condition scrolly.js initialisant le code, un peu déroutant Img.onload ne se déclenche pas lors de la définition dynamic de src sur dataURI JQuery Validator désactive les info-bulles sur tous les champs de formulaire jQuery chaque résultat de fonction, comment faire?

Masquer une div particulière, puis afficher div après clic

J’ai deux divs div1 et div2 . Je veux que div2 soit automatiquement masqué, mais lorsque je clique sur l’ preview div, div2 doit alors être visible et div1 . C’est le code que j’ai essayé mais pas de chance 🙁 

   $(document).ready(function() { $("div2").hide(); $("#preview").click(function() { $("#div1").hide(); $("#div2").show(); }); });  
 This is preview Div1. This is preview Div1. 
 
 This is preview Div2 to show after div 1 hides. 
 
 PREVIEW

    Assurez-vous de regarder vos sélecteurs. Vous semblez avoir oublié le # pour div2 . De plus, vous pouvez basculer la visibilité de plusieurs éléments à la fois avec .toggle() : 

     // Short-form of `document.ready` $(function(){ $("#div2").hide(); $("#preview").on("click", function(){ $("#div1, #div2").toggle(); }); });

    Démo: http://jsfiddle.net/dJg8N/

    C’est un moyen plus facile de le faire. J’espère que cela t’aides…
    • Si vous souhaitez que la div soit masquée lors du chargement, affichez le style : none
    • Utilisez la bascule plutôt que la fonction de clic .

    Liens:

    Tutoriels JQuery

    • http://docs.jquery.com/Main_Page

    • http://www.w3schools.com/jquery/default.asp (W3Schools)

    • http://thenewboston.org/list.php?cat=32 (Tutoriels vidéo)

    • http://andreehansson.se/the-basics-of-jquery/ (tutoriel de base)

    Références JQuery

    • http://api.jquery.com/
    • http://oscarotero.com/jquery/

    Il vous manque # caractère de hachage avant les sélecteurs d’identifiant, cela devrait fonctionner: 

     $(document).ready(function() { $("#div2").hide(); $("#preview").click(function() { $("#div1").hide(); $("#div2").show(); }); });

    En savoir plus sur les sélecteurs d’ID jQuery

    La deuxième fois que vous faites référence à div2, vous n’utilisez pas le sélecteur # id.

    Il n’y a pas d’élément nommé div2. 

     $(document).ready(function() { $('#div2').hide(0); $('#preview').on('click', function() { $('#div1').hide(300, function() { // first hide div1 // then show div2 $('#div2').show(300); }); }); });

    Vous avez manqué # avant div2

    Échantillon de travail

    Au début, si vous voulez masquer un élément div avec id = “abc” lors du chargement, puis basculez entre masquer et afficher en utilisant un bouton avec id = “btn”, puis, 

     $(document).ready(function() { $("#abc").hide(); $("#btn").click(function() { $("#abc").toggle(); }); });