... |
... |
@@ -14,30 +14,110 @@ |
14 |
14 |
Here is some hidden content that can become visible |
15 |
15 |
Here is some hidden content that can become visible |
16 |
16 |
{{/showhide}} |
|
17 |
+ |
|
18 |
+(% style="background-color: #ccc" %) |
|
19 |
+((( |
|
20 |
+(% class="showhidebutton" %) |
|
21 |
+((( |
|
22 |
+{{html clean="false"}} |
|
23 |
+<a href="javascript:void(0)" id="showhidebuttontext1" data-show-duration="0" data-show-effect="toggle" data-show-message="Show" data-hide-message="Hide">Show</a> |
|
24 |
+{{/html}} |
|
25 |
+))) |
|
26 |
+ |
|
27 |
+(% class="showhidecontent" id="showhidecontent1" style="display: none;" %) |
|
28 |
+((( |
|
29 |
+((( |
|
30 |
+Here is some hidden content that can become visible |
|
31 |
+Here is some hidden content that can become visible |
|
32 |
+Here is some hidden content that can become visible |
|
33 |
+Here is some hidden content that can become visible |
|
34 |
+))) |
|
35 |
+))) |
|
36 |
+))) |
|
37 |
+ |
|
38 |
+ |
17 |
17 |
With scriptaculous effect "appear" |
18 |
18 |
Show |
19 |
|
-{{showhide id="2" showmessage="Show" hidemessage="Hide" effect="appear" effectduration="2" style="background-color: #ccc"}} |
|
41 |
+{{showhide id="2" showmessage="Show" hidemessage="Hide" effect="appear" effectduration="2" style="background-color: #ccc"}}Here is some hidden content that can become visible |
20 |
20 |
Here is some hidden content that can become visible |
21 |
21 |
Here is some hidden content that can become visible |
|
44 |
+Here is some hidden content that can become visible{{/showhide}} |
|
45 |
+ |
|
46 |
+(% style="background-color: #ccc" %) |
|
47 |
+((( |
|
48 |
+(% class="showhidebutton" %) |
|
49 |
+((( |
|
50 |
+{{html clean="false"}} |
|
51 |
+<a href="javascript:void(0)" id="showhidebuttontext2" data-show-duration="2000" data-show-effect="fadeToggle" data-show-message="Show" data-hide-message="Hide">Show</a> |
|
52 |
+{{/html}} |
|
53 |
+))) |
|
54 |
+ |
|
55 |
+(% class="showhidecontent" id="showhidecontent2" style="display: none;" %) |
|
56 |
+((( |
|
57 |
+((( |
22 |
22 |
Here is some hidden content that can become visible |
23 |
23 |
Here is some hidden content that can become visible |
24 |
|
-{{/showhide}} |
|
60 |
+Here is some hidden content that can become visible |
|
61 |
+Here is some hidden content that can become visible |
|
62 |
+))) |
|
63 |
+))) |
|
64 |
+))) |
|
65 |
+ |
|
66 |
+ |
25 |
25 |
With scriptaculous effect "slide" |
26 |
26 |
Show |
27 |
|
-{{showhide id="3" showmessage="Show" hidemessage="Hide" effect="slide" effectduration="0.5" style="background-color: #ccc"}} |
|
69 |
+{{showhide id="3" showmessage="Show" hidemessage="Hide" effect="slide" effectduration="0.5" style="background-color: #ccc"}}Here is some hidden content that can become visible |
28 |
28 |
Here is some hidden content that can become visible |
29 |
29 |
Here is some hidden content that can become visible |
|
72 |
+Here is some hidden content that can become visible{{/showhide}} |
|
73 |
+ |
|
74 |
+(% style="background-color: #ccc" %) |
|
75 |
+((( |
|
76 |
+(% class="showhidebutton" %) |
|
77 |
+((( |
|
78 |
+{{html clean="false"}} |
|
79 |
+<a href="javascript:void(0)" id="showhidebuttontext3" data-show-duration="500.0" data-show-effect="slideToggle" data-show-message="Show" data-hide-message="Hide">Show</a> |
|
80 |
+{{/html}} |
|
81 |
+))) |
|
82 |
+ |
|
83 |
+(% class="showhidecontent" id="showhidecontent3" style="display: none;" %) |
|
84 |
+((( |
|
85 |
+((( |
30 |
30 |
Here is some hidden content that can become visible |
31 |
31 |
Here is some hidden content that can become visible |
32 |
|
-{{/showhide}} |
|
88 |
+Here is some hidden content that can become visible |
|
89 |
+Here is some hidden content that can become visible |
|
90 |
+))) |
|
91 |
+))) |
|
92 |
+))) |
|
93 |
+ |
|
94 |
+ |
33 |
33 |
With scriptaculous effect "blind" |
34 |
34 |
Show |
35 |
|
-{{showhide id="4" showmessage="Show" hidemessage="Hide" effect="blind" effectduration="3" style="background-color: #ccc"}} |
|
97 |
+{{showhide id="4" showmessage="Show" hidemessage="Hide" effect="blind" effectduration="3" style="background-color: #ccc"}}Here is some hidden content that can become visible |
36 |
36 |
Here is some hidden content that can become visible |
37 |
37 |
Here is some hidden content that can become visible |
|
100 |
+Here is some hidden content that can become visible{{/showhide}} |
|
101 |
+ |
|
102 |
+(% style="background-color: #ccc" %) |
|
103 |
+((( |
|
104 |
+(% class="showhidebutton" %) |
|
105 |
+((( |
|
106 |
+{{html clean="false"}} |
|
107 |
+<a href="javascript:void(0)" id="showhidebuttontext4" data-show-duration="3000" data-show-effect="slideToggle" data-show-message="Show" data-hide-message="Hide">Show</a> |
|
108 |
+{{/html}} |
|
109 |
+))) |
|
110 |
+ |
|
111 |
+(% class="showhidecontent" id="showhidecontent4" style="display: none;" %) |
|
112 |
+((( |
|
113 |
+((( |
38 |
38 |
Here is some hidden content that can become visible |
39 |
39 |
Here is some hidden content that can become visible |
40 |
|
-{{/showhide}} |
|
116 |
+Here is some hidden content that can become visible |
|
117 |
+Here is some hidden content that can become visible |
|
118 |
+))) |
|
119 |
+))) |
|
120 |
+))) |
41 |
41 |
|
42 |
42 |
|
43 |
43 |
|
... |
... |
@@ -45,4 +45,5 @@ |
45 |
45 |
|
46 |
46 |
|
47 |
47 |
|
|
128 |
+ |
48 |
48 |
|