Multiple expanders per page doesn't work

[birdsarah]

I switched to the following html and js with good results:

<div class="expander">
  <a href="javascript:void(0)" class="expander-trigger expander-hidden">Expandable section</a>
  <div class="expander-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio mollitia fugiat facilis enim accusamus quisquam aut, repellendus incidunt quod optio facere labore illo numquam ipsum beatae vero debitis, fugit excepturi.</p>
  </div>
</div>

  $('.expander-trigger').click(function(){
    $(this).toggleClass("expander-hidden");
  });

Also worth noting that the following lines currently listed int he JS don't do anything:

  var expanderTrigger = document.getElementById("js-expander-trigger");
  var expanderContent = document.getElementById("js-expander-content");

[Magnus-G]

@birdsarah thanks for catching those redundant lines! And thanks for that solution to multiple expanders! Nice work.

[Magnus-G]

a0e48b4