Drop down buttons stopped working

Drop down buttons stopped working

DFlores1
Visitor
2 0 1

Hello everyone, I have had my shopify store up for quite a while with JS associated with buttons for Description and other items.  Today I noticed that the buttons no loger drop down.  Were ther changes to shopify that I am unaware of?  below is the code minus the css

 

<body>
      <section>
      <!-- <h3>DESCRIPTION:</h3> -->
      <button class="cs_collapsible bold">DESCRIPTION:</button>
      <div class="cs_content">
        <div>
          <p>Although it offers the versatility of a tactical pack, the COVRT18™ 2.0 is the next iteration in a serious of backpacks designed not to call a lot of attention to itself. Whether you’re working in austere environments or just want a pack with a street-smart look, we’ve thought about the areas you’ve requested a more discreet appearance and made the necessary improvements. On the outside you’ll find contemporary features like dual water bottle pockets and a shove-it pocket, but we’ve also included tuckable logos, a TSA friendly laptop compartment, and a front pocket with removable ID panels and slip pockets to tone down your profile. A flex cuff channel, zippered drop pocket, and dual-access CCW compartment give the COVRT18™ 2.0 another level of hidden gems you’ll surely appreciate in certain environments.</p>
          </div>
      </div>
    </section>
    <!-- Expandable Items -->
    
    <section>
      <div>
        <!-- <h3>FEATURES:</h3> -->
        <button class="cs_collapsible bold">DIMENSIONS</button>
        <div class="cs_content">
          <div>
            <ul>
                <li>19”H x 10.5”L x 6.5”D</li>
                <li>32-liter  / 1953 cubic inch</li>
                <li>Weight - 2.64 LBS</li>
                <li>Fits up to a 15" laptop</li>
            </ul>
          </div>
        </div>
        <!-- <h3> What's Included <h3> -->
        <button class="cs_collapsible bold">FEATURES</button>
        <div class="cs_content">
          <div>
            <!-- <p class="bold">Tek-Mount Receiver with No Attachment</p> -->
            <ul>
              <li>5.11's signature Center Line™ design</li>
              <li>Hydration or TSA checkpoint friendly laptop rear compartment</li>
              <li>Shove-It compartment with side gussets and zippered drop pocket</li>
              <li>Dual access CCW compartment with internal loop panel</li>
              <li>External Hypalon® gear loop</li>
              <li>Tuckable 5.11 logo woven labels</li>
              <li>500D Nylon | 840D Nylon</li>
              <li>Front pocket with removable ID panel, slip pockets, web MOLLE and loop</li>
              <li>Dual side water bottle pockets</li>
              <li>Internal zippered mesh pockets in main compartment</li>
              <li>Flex cuff channel</li>
            </ul>
          </div>
        </div>
    
      </div>
    </section>
    
    <!-- Dropdown Support -->
    <script>
    var coll = document.getElementsByClassName("cs_collapsible");
    var i;
    
    for (i = 0; i < coll.length; i++) {
      coll[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var content = this.nextElementSibling;
        if (content.style.maxHeight){
          content.style.maxHeight = null;
        } else {
          content.style.maxHeight = content.scrollHeight + "px";
        } 
      });
    }
    </script>
    </body>
Reply 1 (1)

Horlarmide
Shopify Partner
2 0 0
  • Check Shopify's changelog and developer blog for recent updates.
  • Verify your JavaScript console for errors.
  • Test your code in a staging environment or backup theme.
Get Help, Get Growing!
Found our solutions helpful? Let's connect!
WhatsApp: zeep.ly/kxKOo
Facebook: zeep.ly/wlGtG
Email: horlarmide004@gmail.com