<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script src="jquery-1.9.1.js"></script>
<script>
$('.targetDiv').hide();
$('.show').click(function() {
$('.targetDiv').hide();
$('#div' + $(this).attr('target')).show();
});
$('.hide').click(function() {
$('#div' + $(this).attr('target')).hide();
});
</script>
<div class="buttons">
<a class="show" target="1">Option 1</a>
<a class="show" target="2">Option 2</a>
<a class="show" target="3">Option 3</a>
<a class="show" target="4">Option 4</a>
<a class="hide" target="1">Close 1</a>
<a class="hide" target="2">Close 2</a>
<a class="hide" target="3">Close 3</a>
<a class="hide" target="4">Close 4</a>
</div>
<div id="div1" class="targetDiv">Lorum Ipsum 1</div>
<div id="div2" class="targetDiv">Lorum Ipsum 2</div>
<div id="div3" class="targetDiv">Lorum Ipsum 3</div>
<div id="div4" class="targetDiv">Lorum Ipsum 4</div>
</body>
</html>
Je ne suis pas sûr de ce que je fais mal ici. Cela fonctionne sur Jfiddle, mais cela ne fonctionnera pas correctement quand j'essaye de le faire comme tel.Nouveau sur Jquery. Qu'est-ce que je ne comprends pas avec ce code? Afficher/Masquer
- Enregistrement au format HTML.
- Enregistrement dans le même fichier.
- package de développement Downloaded from Jquery.com (enregistré comme
jquery-1.9.1.js
)
Toute information sera ajoutée sur demande. Dois-je enregistrer un fichier en HTML et l'autre en JS et les relier?
Vous avez oublié le http://api.jquery.com/ready/ –
vous devez envelopper tout le code dans '$ (function() {..}) ..' .In jsfiddlle il est déjà enveloppé quand vous sélectionnez le type comme onload ou onDOMReady – SRy
@BradM Je serais paniquer si je voyais quelqu'un utilisant IE6: P – Doorknob