onclick çalılıyor kapalı yazıyor, sen tekrar bastığında açık yazsın istersen o zaman şöyle bir şey yapman lazım

<div id="divs" onclick="fun()">Açık</div>
<script>
    let div = document.getElementById("divs"),
        open = true;
    function fun(){
        if (open) {
            div.innerHTML = 'Açık';
        } else {
            div.innerHTML = 'Kapalı';
        }
        open = !open
    }
</script>

class yaparak kullanmak istersen @oguzhanbyram çözümünü gayet yeterli, id'li bir şey lazımsa şöyle bir fonksiyon tanımla;

function get(...ids) {
  return ids.map(id => document.getElementById(id));
}

kullanırkende şöyle kullan

const [bir, iki, uc] =  get('bir', 'iki', 'uc');

bir.style.background = 'red';
iki.style.background = 'blue';
uc.style.background = 'green';

örnek html

<ul>
  <li id="bir">1. liste</li>
  <li id="iki">2. liste</li>
  <li id="uc">3. liste</li>
</ul>

aynen öyle kodlar olmadan bir anlamı yok, eğer sen php tarafında format kontrolü yapmıyorsan sadece client-side bir kontrolün varsa her türlü ekleme yapabilirler, kodlarını görmeden çok bir şey söylemek mümkün değil.
mümkünse bütün sayfanın değilde ilgili alanın kodlarını paylaşırsan iyi olur :)

dileyenler şunada bakabilir
https://frontendaily.com/day/7

birlikte hazırlamıştık her şeyi çalışıyor demoyu inceleyip kodları alarak kullanabilirsiniz :) ya da videoyu izleyip yapılışına bakabilirsiniz