Streaming live at 10am (PST)

How To Write-in Subclasses in this JS script?

This is the code I’m currently working with - and it’s working for my main CTA button.

What I’d like to do is modify it to work with some clickable service cards that all have the same parent class, but different sub-classes (for each service).

How do I write in a subclass for the “('.video-strategy-cta-button')*", and "*(’.modal-wrapper’)” areas?

<script>
        $(function() {
      $('.video-strategy-cta-button').click(function() {
        $('.calendar-modal').fadeIn();
        $('.modal-wrapper').fadeIn();
        e.stopPropagation();
      });
      $('.close-modal-button').click(function() {
          $('.calendar-modal').fadeOut();
          $('.modal-wrapper').fadeOut();
      });  
      $('.modal-wrapper').click(function() {
          $('.calendar-modal').fadeOut();
          $('.modal-wrapper').fadeOut();
      }); 
      $(document).keydown(function (event) {
          if (event.keyCode == 27) {
              $('.calendar-modal').fadeOut();
              $('.modal-wrapper').fadeOut();
          }
      });
    });
    </script>

So apparently the trick is to write it like this:

‘.class.subclass’

Thought I’d update this for anyone who wants to know.