Question jQuery rapide sur les événements à bascule

Question

Hey tout, j'utilise une interface utilisateur jQuery pour un div qui bascule sur et hors de l'écran. Lors du chargement du document, l'objet div est sur l'écran. Cela fonctionne très bien mais je me demandais s'il y avait un moyen de le définir de façon à ce qu'il soit caché sur le chargement du document, alors l'utilisateur aurait la possibilité de cliquer sur un bouton pour le faire apparaître. J'ai essayé d'avoir la fonction exécutée sur document.ready mais cela n'a pas semblé fonctionner. Voici le code directement à partir du jQueryUI. Merci pour toute aide!

$(function() { 
     // run the currently selected effect 
     function runEffect() { 
      // get effect type from 
      var selectedEffect = "slide"; 

      // most effect types need no options passed by default 
      var options = {}; 
      // some effects have required parameters 
      if (selectedEffect === "scale") { 
       options = { percent: 0 }; 
      } else if (selectedEffect === "size") { 
       options = { to: { width: 200, height: 60 } }; 
      } 

      // run the effect 
      $("#effect").toggle(selectedEffect, options, 500); 
     }; 

     // set effect from select menu value 
     $("#button").click(function() { 
      runEffect(); 
      return false; 
     }); 
    }); 

Answer 1

Mettez ceci dans votre CSS. Cela le rendra caché par défaut.

#effect{ 
display:none; 
} 

Answer 2

la solution CSS est au-dessus de la bonne façon, mais si vous avez envie de faire avec javascript ...

$(function() { 
    $("#effect").hide(); 
});