إظهار وإخفاء جداول في ووردبريس

أولاً إن إظهار وإخفاء جداول أو عناصر ضمن محتوى صفحة يرتبط بالجافاسكريبت وليس بطرف الخادم أو PHP. يمكنك استعمال إحدى الإضافات مثل TablePress أوغيرها أو يمكنك إضافة صفوف css معيّنة أو Id إلى الجداول من خلال لوحة تحكّم ووردبريس وإضافة كود جافاسكريبت بسيط لإظهار وإخفاء الجداول بشكل مشابه للتالي:

functionshow toggleTable() {
  var x = document.getElementById("table1");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

كما يمكنك الاستفادة من توابع add و remove لتبسيط الشيفرة البرمجية:

function toggleTable() {
    var table = document.getElementById("table1");

    if(table.classList.contains("showTable")) {
        table.classList.remove("showTable");
    }
    else {
        table.classList.add("showTable");
    }
}