הסתרת/הצגת אלמנט בלחיצת כפתור

ניתן להשתמש בכפתור על מנת להציג ולהסתיר אלמנט כלשהוא בתבנית (באותו העמוד)

1. יש להקים כפתור, ולהגדיר OnClick משמעותי, כך לדוגמא:

   hideCats();return false;

2. יש להגדיר ID או Class לאלמנט שיש להסתיר ולהציג, או להשתמש ב-ID הקיים של האלמנט.
3. אם האלמנט צריך להופיע כברירת מחדל, יש לבצע רק את שלב 4 //
   אחרת – אלמנט מוסתר כברירת מחדל – יש לבצע את שלבים 5+6 במקום.
4. (רק אם האלמנט מופיע כברירת מחדל) יש להוסיף קוד JS ל-CSS/JS כאשר יש להקפיד על השם המשמעותי שניתן מעלה:

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

5. (רק אם האלמנט מוסתר כברירת מחדל) יש להוסיף את קוד ה-CSS הבא (כדי לוודא שהוא מוסתר):

   #Filters {
   display:none;
   }

6. (רק אם האלמנט מוסתר כברירת מחדל) ואז להוסיף קוד JS ל-CSS/JS כאשר יש להקפיד על השם המשמעותי שניתן מעלה:

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