m |
|||
| Line 12: | Line 12: | ||
mw.loader.load('mediawiki.collapsible'); | mw.loader.load('mediawiki.collapsible'); | ||
| − | // | + | // Lorsque le document est prêt, ce code ajoute un événement de clic aux éléments avec la classe 'custom-toggle'. |
| + | // Lorsqu'un de ces éléments est cliqué, il bascule l'affichage du contenu caché (élément suivant avec la classe 'custom-content'). | ||
| + | // La fonction 'slideToggle()' permet d'afficher ou de masquer ce contenu avec une animation de glissement. | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$('.custom-toggle').click(function() { | $('.custom-toggle').click(function() { | ||
// Problème avec multiples tableaux dans une page. // Vérifie si la balise meta viewport est déjà présente dans la page. // Si elle est absente, ajoute dynamiquement une balise viewport dans la section <head>, // pour ajuster l'affichage sur les appareils mobiles. $(document).ready(function() { if (!$('meta[name="viewport"]').length) { $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">'); } }); // Charger le module collapsible de MediaWiki pour rendre la section repliable. mw.loader.load('mediawiki.collapsible'); // Lorsque le document est prêt, ce code ajoute un événement de clic aux éléments avec la classe 'custom-toggle'. // Lorsqu'un de ces éléments est cliqué, il bascule l'affichage du contenu caché (élément suivant avec la classe 'custom-content'). // La fonction 'slideToggle()' permet d'afficher ou de masquer ce contenu avec une animation de glissement. $(document).ready(function() { $('.custom-toggle').click(function() { $(this).next('.custom-content').slideToggle(); }); });