Nice little directory browser :D
1_hyperscript.config.hideShowStrategies = {
2 twDisplay: function (op, element, arg) {
3 if (op === "toggle") {
4 if (element.classList.contains("hidden")) {
5 _hyperscript.config.hideShowStrategies.twDisplay("show", element, arg);
6 } else {
7 _hyperscript.config.hideShowStrategies.twDisplay("hide", element, arg);
8 }
9 } else if (op === "hide") {
10 element.classList.add('hidden');
11 } else {
12 element.classList.remove('hidden');
13 }
14 },
15
16 twVisibility: function (op, element, arg) {
17 if (op === "toggle") {
18 if (element.classList.contains("invisible")) {
19 _hyperscript.config.hideShowStrategies.twVisibility("show", element, arg);
20 } else {
21 _hyperscript.config.hideShowStrategies.twVisibility("hide", element, arg);
22 }
23 } else if (op === "hide") {
24 element.classList.add('invisible');
25 } else {
26 element.classList.remove('invisible');
27 }
28 },
29
30 twOpacity: function (op, element, arg) {
31 if (op === "toggle") {
32 if (element.classList.contains("opacity-0")) {
33 _hyperscript.config.hideShowStrategies.twOpacity("show", element, arg);
34 } else {
35 _hyperscript.config.hideShowStrategies.twOpacity("hide", element, arg);
36 }
37 } else if (op === "hide") {
38 element.classList.add('opacity-0');
39 } else {
40 element.classList.remove('opacity-0');
41 }
42 }
43};
44_hyperscript.config.defaultHideShowStrategy = "twDisplay";