Magento 2.3 jquery accordion seems blocked

I am aware of the built in Magento accordion but do not want to use it. I want to use jQuery accordion.
In my theme web/js/custom.js I have the following

define([
"jquery",
‘accordion’,
],
function($, accordion) {
"use strict";

    $(document).ready(function(){
        $(".accordion").accordion();

The code is called, but it does not work. When I say does not work, I mean the accordion is not enabled on the page.

In the javascript console I can copy and paste the same line of code, jQuery(‘.accordion’).accordion(); and it works perfectly. I believe something in core Magento is blocking the jQuery accordion when the page is loading/ready.

I also added logging statements like console.log($(‘.accordion’).html()) and it prints the html – the exact same html that is present when I run the command from the javascript console.

If I add setTimeout() with 1,000 ms then it creates the accordion correctly.

What the heck is going on here? How can I debug what is causing this behavior? There isn’t much more frustrating than an error that doesn’t appear to make sense.

jQuery(document).ready(function() {
            if (jQuery(window).width() < 768) { 
                jQuery(".footer-block-title").click(function() { 
                    jQuery(this).next(".footer-block-content").toggle();
                    jQuery(this).toggleClass("active-links");
                });                 
            }
    });