Şu Kod Sitede Neden Çalışmadı Anlayamıyorum?

A sitesinde çalışan şu basit işlevli JS kodu B sitesinde bir türlü çalışmıyor, nedenini anlayamadım? JS dosyasında kod var, emin olmak için sayfa içerisine de gömdüm eklendiğinden eminim ve class isimleri doğru ama çalıştıramıyorum.

Kod:

var cardbtn = document.querySelector( ".card-title" );
var cardclass = document.querySelector( ".card-list" );
var addclass = 'change-card-list';
cardbtn.addEventListener('click', function() {
    cardclass.classList.toggle( addclass );
}, false);

Kodun görevi cad-list olan class'a change-card-list class'ını ekliyor ve .card-title olan class'a tıklandığında varsa kaldırıp yoksa ekliyor böylece aç kapa işlemi yapıyorum CSS'de ama çalışmıyor?

Bağlı Java Kütüphanelerin versiyonları ayni mi

Pure JS diye biliyorum kodları, Javascript kütüphanesi olmayan sitede çalışıyor.

Button class idleri ayni mi peki

İndex almasın diye buradan yazamıyorum site adresini, DM'den ilettim hocam. Evet class isimleri aynı.

Class ekletmek yerine yükseklik verdirerek çözdük sorunu. Kaynak: https://www.w3schools.com/howto/tryi...ordion_animate

@Birdilimask; hocam yardımcı olduğu sağolsun anydesk ile halletti 👍

@Ataber; Alternatif çözümler için DM attığın için sana da çok teşekkür ederim 👍