<!DOCTYPE html> <html lang="fr" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.8"> <meta name="theme-color" content="#0d1b2a"> <meta name="author" content="sync" /> <title>spoiler</title> </head> <body> <div class="spoiler-container"> <button class="spoiler-btn" onclick="toggleSpoiler(this)">🔓 Ouvrir pour copier le code ! 🔐</button> <div class="spoiler-content"> <p><textarea rows="20" cols="60"> <!-- Votre Code/texte ici ! --> </textarea></p> </div> </div> <style type="text/css"> .spoiler-container { width:100%; max-width:600px; margin:20px auto; font-family:Arial, sans-serif;} .spoiler-btn { padding:10px 15px; font-size:16px; cursor:pointer; border:none; border-radius:15px; background:#333; color:#fff; transition:0.3s;} .spoiler-btn:hover { opacity:0.8;} .spoiler-content { max-height:0; overflow:hidden; transition:max-height 0.4s ease; background:#f1f1f1; border-radius:8px; margin-top:10px; padding:0 15px;} .spoiler-content.open { padding:15px;} </style> <script language="javascript"> function toggleSpoiler(btn) { const content = btn.nextElementSibling; const isOpen = content.classList.contains("open"); if (isOpen) { content.classList.remove("open"); content.style.maxHeight = "0px"; btn.textContent = "Ouvrir 🔐";// 🔓 } else { content.classList.add("open"); content.style.maxHeight = content.scrollHeight + "px"; btn.textContent = "Fermer 🔓";// 🔐 } } </script> </body> </html>