Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> div{ background-color:#f2f2f2; padding:10px; } </style> </head> <body> <button id="btn" onclick="showhide();">روی من کلیک کن</button><br><br> <div id="my-box"> <p>سلام خوبی؟ هرچیزی توی این باکس قرار بگیره مخفی و آشکار میشه</p> </div> <script> function showhide() { var x = document.getElementById("my-box"); var y = document.getElementById("btn"); if (x.style.display === "none") { y.innerHTML="مخفی کن"; x.style.display = "block"; } else { y.innerHTML="نمایش بده"; x.style.display = "none"; } } </script> </body> </html>