https://chicagosigns.com/wp-content/plugins/collapse-magic/js/collapse-magic.js?ver=1.5.0

1/* Collapse-Magic */
2
3(function($) {
4
5    if ($('.claps-toggle-text').length > 0) {
6        //apply the tags and icons to create the toggle
7
8        $('.claps-toggle-text').each(function() {
9            //Set some default values in case any data is missing in the transferred div tags
10
11            var $block = $(this);
12            var expand_title = $block.data('title') ?? "Expand To Read More";
13            var collapse_title = $block.data('swaptitle') ?? "Collapse To Read Less";
14            var expand_icon = $block.data('icon') ?? "▼";
15            var collapse_icon = $block.data('swapicon') ?? "▲";
16            var toggle_above = $block.data('above') ?? 1;
17
18            //Define the --collapse-hf property for the CSS
19            //$(this).css('--collapse-hf', collapse_hf);
20
21            var toggle_html = `<div class="claps-text-expand-button">
22                <span class="claps-text-collapse-button">
23                    <span class="claps-text-toggle-icon">${expand_icon}</span> ${expand_title}
24                </span>
25            </div>`;
26
27            if (toggle_above === 1) {
28                $block.prepend(toggle_html);
29            } else {
30                $block.append(toggle_html);
31            }
32
33            $block.find(".claps-text-collapse-button").on("click", function (e) {
34                e.preventDefault();
35                e.stopPropagation();
36                var $btn = $(this);
37                var $block = $btn.closest('.claps-toggle-text');
38                var $inner = $block.children('.claps-text-inner').first();
39                $inner.toggleClass("claps-text-toggle-expanded claps-text-toggle-collapsed");
40                if ($inner.hasClass("claps-text-toggle-expanded")) {
41                    $btn.html(`<span class='claps-text-toggle-icon'>${collapse_icon}</span> ${collapse_title}`);
42                } else {
43                    $btn.html(`<span class='claps-text-toggle-icon'>${expand_icon}</span> ${expand_title}`);
44
45                    if (toggle_above !== 1) {
46                        $('html, body').animate({
47                            scrollTop: $block.offset().top - 150
48                        }, 800);
49                    }
50                }
51            });
52
53        });
54
55    }
56
57})(jQuery);