كيفية تبديل إخفاء وإظهار

استخدام JavaScript لتتبديل إخفاء وإظهار العناصر.

انقر على الزر!

تبديل (إخفاء/إظهار) العنصر

الخطوة الأولى - إضافة HTML:

<button onclick="myFunction()">انقر هنا</button>
<div id="myDIV">
  هذا عناصر DIV الخاص بي.
</div>

الخطوة الثانية - إضافة JavaScript:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  {}
{}

جرب بنفسك

الصفحات ذات الصلة

دليل:عرض CSS