| ... |
... |
@@ -1,10 +1,18 @@ |
| 1 |
1 |
Wiki macros implementation for simple show/hide of a content with some animations. |
| 2 |
|
-This version 2.0 is HTML compatible with the old version, so that existing project could continue styling |
|
2 |
+This version 2.0 is HTML compatible with the old version, so that existing project could continue styling |
| 3 |
3 |
with the same kind of CSS rules. However, it is now based on jQuery, and need requireJS, so it requires |
| 4 |
4 |
XWiki 5.x or more. |
| 5 |
5 |
|
| 6 |
|
-{{info}}Using ##id="..."## is still supported and provide the same HTML result but it is no more needed to achieve a working animation.{{/info}} |
|
6 |
+{{showhide}} |
|
7 |
+Inhalt |
|
8 |
+Inhalt |
|
9 |
+Inhalt |
|
10 |
+{{/showhide}} |
| 7 |
7 |
|
|
12 |
+{{info}} |
|
13 |
+Using ##id="..."## is still supported and provide the same HTML result but it is no more needed to achieve a working animation. |
|
14 |
+{{/info}} |
|
15 |
+ |
| 8 |
8 |
== Without effect == |
| 9 |
9 |
|
| 10 |
10 |
{{showhide showmessage="Show" hidemessage="Hide" style="background-color: #ccc"}} |
| ... |
... |
@@ -25,7 +25,7 @@ |
| 25 |
25 |
|
| 26 |
26 |
== With a fade in effect == |
| 27 |
27 |
|
| 28 |
|
-{{showhide showmessage="Show" hidemessage="Hide" effect="fade" effectduration="2" style="background-color: #ccc"}} |
|
36 |
+{{showhide showmessage="Show" hidemessage="Hide" effect="fade" effectduration="2" style="background-color: #ccc"}} |
| 29 |
29 |
Here is some hidden content that can become visible |
| 30 |
30 |
Here is some hidden content that can become visible |
| 31 |
31 |
Here is some hidden content that can become visible |
| ... |
... |
@@ -41,11 +41,13 @@ |
| 41 |
41 |
{{/showhide}} |
| 42 |
42 |
{{/code}} |
| 43 |
43 |
|
| 44 |
|
-{{info}}Using ##effect="appear"## is still supported and provide the same behavior{{/info}} |
|
52 |
+{{info}} |
|
53 |
+Using ##effect="appear"## is still supported and provide the same behavior |
|
54 |
+{{/info}} |
| 45 |
45 |
|
| 46 |
46 |
== With a sliding down effect == |
| 47 |
47 |
|
| 48 |
|
-{{showhide showmessage="Show" hidemessage="Hide" effect="slide" effectduration="0.5" style="background-color: #ccc"}} |
|
58 |
+{{showhide showmessage="Show" hidemessage="Hide" effect="slide" effectduration="0.5" style="background-color: #ccc"}} |
| 49 |
49 |
Here is some hidden content that can become visible |
| 50 |
50 |
Here is some hidden content that can become visible |
| 51 |
51 |
Here is some hidden content that can become visible |
| ... |
... |
@@ -61,6 +61,6 @@ |
| 61 |
61 |
{{/showhide}} |
| 62 |
62 |
{{/code}} |
| 63 |
63 |
|
| 64 |
|
-{{info}}This effect is equivalent to ##effect="blind"## in the 1.0 macro, so both ##slide## and ##blind## effect are now using the exact same animation.{{/info}} |
| 65 |
|
- |
| 66 |
|
- |
|
74 |
+{{info}} |
|
75 |
+This effect is equivalent to ##effect="blind"## in the 1.0 macro, so both ##slide## and ##blind## effect are now using the exact same animation. |
|
76 |
+{{/info}} |
