https://foodtechconnect.com/wp-content/themes/bangkokpress/javascript/diQuery-collapsiblePanel.js

1(function($) {
2    $.fn.extend({
3        collapsiblePanel: function() {
4            // Call the ConfigureCollapsiblePanel function for the selected element
5            return $(this).each(ConfigureCollapsiblePanel);
6        }
7    });
8
9})(jQuery);
10
11function ConfigureCollapsiblePanel() {
12    $(this).addClass("ui-widget");
13
14    // Wrap the contents of the container within a new div.
15    $(this).children().wrapAll("<div class='browse-by-topic-content'></div>");
16
17    // Create a new div as the first item within the container.  Put the title of the panel in here.
18    $("<div class='browse-by-topic-title'><div>" + $(this).attr("title") + "</div></div>").prependTo($(this));
19
20    // Assign a call to CollapsibleContainerTitleOnClick for the click event of the new title div.
21    $(".browse-by-topic-title", this).click(CollapsibleContainerTitleOnClick);
22}
23
24function CollapsibleContainerTitleOnClick() {
25    // The item clicked is the title div... get this parent (the overall container) and toggle the content within it.
26    $(".browse-by-topic-content", $(this).parent()).slideToggle();
27}