Show Hide Macro
Last modified by superadmin on 2023/10/23 11:21
Wiki macros implementation for simple show/hide of a content with some animations.
This version 2.0 is HTML compatible with the old version, so that existing project could continue styling
with the same kind of CSS rules. However, it is now based on jQuery, and need requireJS, so it requires
XWiki 5.x or more.
Without effect
{{showhide showmessage="Show" hidemessage="Hide" style="background-color: #ccc"}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}
With a fade in effect
{{showhide showmessage="Show" hidemessage="Hide" effect="fade" effectduration="2" style="background-color: #ccc"}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}
With a sliding down effect
{{showhide showmessage="Show" hidemessage="Hide" effect="slide" effectduration="0.5" style="background-color: #ccc"}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
Here is some hidden content that can become visible
{{/showhide}}