Comment faire basculer caché par défaut
Bonjour, je voudrais savoir comment faire pour faire basculer cachés lorsque le chargement de la page, j'ai fait un code simple, mais quand le chargement de la page, il sera affiché par défaut. Je veux qu'il le moyen de la contourner.
J'ai essayé d'utiliser CSS quelque chose comme
.hidden {
display:none;
}
lorsque j'utilise ce code, l'élément ne montre pas du tout.
c'est mon code
ÉDITÉ
<script type="text/javascript">
function toggleDiv(divId) {
$("#"+divId).toggle();
}
</script>
<a href="javascript:toggleDiv('myContent');">this is a test</a>
<div id="myContent">
<a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
<div>this is a test #2 </div>
</div>
<div id="myContentt">
test
</div>
s'il vous plaît aider.
Vous devez vous connecter pour publier un commentaire.
Je suppose que, vous voulez quelque chose comme cela,
Démo ( J'ai utilisé
onclick
dans la démo, parce que jsfiddle ne marche pas comme javascript surhref
)CSS:
Balisage:
Javascript:
Utilisation
.toggleClass('hidden')
pour afficher et masquer vos éléments.Il suffit d'ajouter le
Exemple
Un Autre Exemple
///////
$("p").hide();
Cette ligne de cache votre div sur la fonction ready.La clé de chose à comprendre avec bascule() est qu'il permet de basculer du CSS attributs d'affichage. Par conséquent, si vous souhaitez remplacer un élément par un autre, assurez-vous simplement que l'élément que vous souhaitez initialement masqué a un style de
display: none;
. Lorsque vous utilisez le commutateur() la méthode, elle permettra de rendre visible l'élément caché avec undisplay: none;
et à retirer cet attribut de l'élément masqué.