https://www.letstalkaboutit.nhs.uk/application/blocks/autonav/temp…=a480c6318633b8c44dbd58e8c4819835ece0f771

1$(document).ready(function () {
2    $('.autonav.breadcrumb-nav').each(function () {
3        var breadcrumb_nav = $(this).find('nav .breadcrumb');
4        var toggle_button = $(this).find('nav .breadcrumb-nav-toggle-button');
5        var base_height = 48;
6        checkBreadcrumbHeight(breadcrumb_nav, toggle_button, base_height);
7        $(window).resize(function () {
8            checkBreadcrumbHeight(breadcrumb_nav, toggle_button, base_height);
9        });
10
11        toggle_button.on('click', function () {
12            var button = $(this);
13            var list = breadcrumb_nav;
14            button.attr('aria-expanded', button.attr('aria-expanded') == 'false' ? 'true' : 'false');
15            list.slideToggle();
16        });
17    });
18
19    function checkBreadcrumbHeight(list, button, base_height) {
20        var wrapper = $('.main__breadcrumb-nav');
21        
22        list.removeClass('breadcrumb--single-line');
23        list.removeClass('breadcrumb--multi-line');
24        wrapper.removeClass('main__breadcrumb-nav--single-line');
25        wrapper.removeClass('main__breadcrumb-nav--multi-line');
26
27        button.removeClass('breadcrumb-nav-toggle-button--show');
28        if (list.outerHeight() > base_height) {
29            list.addClass('breadcrumb--multi-line');
30            button.addClass('breadcrumb-nav-toggle-button--show');
31            list.closest('p').hide();
32            wrapper.addClass('main__breadcrumb-nav--multi-line');
33        } else {
34            list.addClass('breadcrumb--single-line');
35            list.closest('p').show();
36            wrapper.addClass('main__breadcrumb-nav--single-line');
37        }
38    }
39});
40
41// Hacky way to make Firefox Mac stop using the mobile view the first time it ever loads the site
42$(document).ready(function() {
43    $(window).trigger('resize');
44});