Show Hide Macro
Última modificación por dFa el 2024/09/06 11:25
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}}