Руслан Магомедов

Посмотрите пожалуйста, может я что-то не так сделал, нужный раздел все равно не активируется.

В файле index.html изменил:

<div class="content-folio">
        <br><p>Наши работы:</p><br><br>
        <div class="folio-cards">
          <a href="gallery.html?kl1">
           <div class="folio-card" id="Iklass">
            <img src="images/gallery/1klass/k1%20(1).jpg" alt="">
           <h2><span>I класс</span></h2>
        </div></a>
        <a href="gallery.html?kl2">
        <div class="folio-card">
            <img src="images/gallery/2klass/k2%20(1).jpg" alt="">
           <h2><span>II класс</span></h2>
        </div>
        <a href="gallery.html?kl3">
        <div class="folio-card">
            <img src="images/gallery/3klass/k3%20(1).jpg" alt="">
           <h2><span>III класс</span></h2>
        </div></a>
        <a href="gallery.html?kozh">
        <div class="folio-card">
            <img src="images/gallery/kozh/k%20(12).jpg" alt="">
           <h2><span>Кожаная<br>мебель</span></h2>
        </div></a>
        <a href="gallery.html?pered">
        <div class="folio-card">
            <img src="images/gallery/pered/p%20(1).jpg" alt="">
           <h2><span>Реставрация<br>с переделкой</span></h2>
        </div></a>
        <a href="gallery.html?dom">
        <div class="folio-card">
            <img src="images/gallery/dom/dom%20(12).jpg" alt="">
           <h2><span>Мелкий ремонт<br>на дому</span></h2>
        </div></a>
        <a href="gallery.html?exc">
        <div class="folio-card">
            <img src="images/gallery/exc/e%20(1).jpg" alt="">
           <h2><span>Мебель<br>на заказ</span></h2>
        </div></a>
        <a href="gallery.html?obiv">
        <div class="folio-card">
            <img src="images/gallery/obiv/o%20(3).jpg" alt="">
           <h2><span>Кровати с<br>мягкой обивкой</span></h2>
        </div></a>                        
        </div>
    </div>

В файле gallery.html, в конец документа, перед закрывающим тегом body добавил:

$( document ).ready(function() {
   if(window.location.href.indexOf("kl1") > -1) {
   $('[data-category="kl1"]').click();
   } else if(window.location.href.indexOf("kl2") > -1){
   $('[data-category="kl2"]').click();
   } (window.location.href.indexOf("obiv") > -1){
   $('[data-category="obiv"]').click();
   } 
   });

Также пробовал вынести в отдельный .js файл и подключить его к сайту, но тоже не помогло.