« Modèle:Boîte déroulante » : différence entre les versions
De 21Wiki
Aucun résumé des modifications Balise : Éditeur de wikicode 2017 |
Aucun résumé des modifications Balise : Éditeur de wikicode 2017 |
||
| Ligne 1 : | Ligne 1 : | ||
<div class="toggleBox" style="border:1px solid black;padding:1em;"> | <div class="toggleBox" style="border:1px solid black;padding:1em;"> | ||
<h3 onclick="toggleBox(this)">Titre de la boîte</h3> | <h3 onclick="toggleBox(this)">Titre de la boîte</h3> | ||
| Ligne 14 : | Ligne 13 : | ||
</pre> | </pre> | ||
</div> | </div> | ||
< | |||
< | <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | ||
<script> | <script> | ||
function | $(function() { | ||
$('.toggleBox pre').hide(); | |||
$('.toggleBox h3').click(function() { | |||
$(this).parent().find('pre').toggle(); | |||
}); | |||
}); | |||
} | |||
} | |||
</script> | </script> | ||
Version du 3 mars 2023 à 12:24
Titre de la boîte
{| class="wikitable"
! Entête 1 !! Entête 2 !! Entête 3
|-
| Ligne 1, cellule 1 || Ligne 1, cellule 2 || Ligne 1, cellule 3
|-
| Ligne 2, cellule 1 || Ligne 2, cellule 2 || Ligne 2, cellule 3
|}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script>
$(function() {
$('.toggleBox pre').hide();
$('.toggleBox h3').click(function() {
$(this).parent().find('pre').toggle();
});
});
</script>
