https://valdea.com/dmamods/styles/dmamods/template/collapse.js?assets_version=22

1// <![CDATA[
2
3
4	var sh_i = -1;
5	var showhidden_triger = [];
6
7
8	$(".topiclist.forums").each(function () {
9	    $(this).before(function () {
10 		if ($(this).hasClass('forums')) {
11
12			sh_i = sh_i + 1;
13			var cat_id = 'cat_' + sh_i;
14
15			showhidden_triger[sh_i] = localStorage.getItem(cat_id);
16			if (showhidden_triger[sh_i] == null) { showhidden_triger[sh_i] = 'true' };
17                	if (showhidden_triger[sh_i] == 'false') {
18				return '<div class="trigger inactive" cat="' + cat_id +'"></div>';
19				} else {
20				return '<div class="trigger active" cat="' + cat_id +'"></div>';
21			}
22		}
23	    }).wrap('<div class="collapsethis" aria-hidden="false" />');
24	});
25
26
27
28	sh_i = 0;
29
30
31	$(".collapsethis").each(function () {
32		if (showhidden_triger[sh_i] == 'false') {
33			$(this).attr('aria-hidden', 'true').hide();
34			$(this).parents('div.forabg').css('opacity', '0.3');
35		}
36		sh_i = sh_i + 1;
37	});
38
39
40	$('.trigger').click(function () {
41		var showhidden_triger_this = $(this).next().attr('aria-hidden');
42		if (showhidden_triger_this == "false") {
43			$(this).next().attr('aria-hidden', 'true').slideUp(500, 'easeInQuart', function() {
44				$(this).parents('div.forabg').animate({
45					opacity: '0.3'
46					}, 1000)
47				});
48			$(this).removeClass('active').addClass('inactive');
49		} else {
50            		$(this).parents('div.forabg').animate({
51               			 	opacity: '1.0'
52            			}, 50, function() {
53                			$('.trigger', this).next().attr('aria-hidden', 'false').slideDown(250, 'easeOutQuad')
54            		});
55 
56			$(this).removeClass('inactive').addClass('active').removeClass('hover');
57        	}
58		localStorage.setItem($(this).attr('cat'), showhidden_triger_this);
59	});
60
61
62	$('div.forabg').on('mouseenter mouseleave', '.trigger.inactive', function(event) {
63		var time = 200, opacity = event.type == 'mouseenter' ?  '1.0' : (time = 0,'0.3');
64		$(event.delegateTarget).stop(true).delay(time).animate({ opacity: opacity }, 300)
65	})
66
67
68// ]]>