General developer forum

I'm trying to create a new course format, which will make use of bootstrap tabs. I want to include a small piece of jquery to change their functionality, but I'm not sure how to make it work. I've been trying to use the AMD method as described here: https://docs.moodle.org/dev/Javascript_Modules

In course/format/timeline/format.js I have added $page->requires->js_call_amd('format_timeline/timeline', 'init');

If I comment out that line, things work normally (but not with my changes). When I uncomment that line, the tabs no longer work at all.

timeline/amd/src/timeline.js contains:

    /**
     * @module format_timeline/timeline
     */
    define(['jquery'], function($) {
        return {
            init: function() {
                function closeTabs() {
                    if ($(this).parent().hasClass('active')) {
                        $($(this).attr("href")).toggleClass('active');
                    }
                }

                $('.timeline [data-toggle=tab]').click(closeTabs);
                $('.timeline [data-toggle=pill]').click(closeTabs);
            }
        };
    });

And grunt has processed that, with no errors, to timeline/amd/build/timeline.min.js

It doesn't appear that my code is being loaded at all. What am I doing wrong?