Changes for page Show Hide Macro

Last modified by jklein on 2025/06/02 14:04

From version 9.4
edited by jklein
on 2025/06/02 09:51
Change comment: There is no comment for this version
To version 9.8
edited by jklein
on 2025/06/02 09:58
Change comment: There is no comment for this version

Summary

Details

XWiki.JavaScriptExtension[0]
Code
... ... @@ -20,7 +20,7 @@
20 20   }
21 21  
22 22   $(document).ready(function() {
23 - $('.showhidebutton').children('a').on('click', onClick);
23 + $('.showhide-header).on('click', onClick);
24 24   });
25 25  });
26 26  
XWiki.StyleSheetExtension[0]
Code
... ... @@ -32,3 +32,12 @@
32 32   padding: 10px;
33 33   background-color: #fff;
34 34  }
35 +
36 +.showhide-header:hover {
37 + background-color: #f0f0f0;
38 + cursor: default;
39 +}
40 +
41 +.showhidebutton a:hover {
42 + text-decoration: underline;
43 +}
XWiki.WikiMacroClass[0]
Macro code
... ... @@ -20,24 +20,19 @@
20 20  #set($title = $escapetool.xml($mparams.title))
21 21  (% #if($divstyle && $divstyle!="") style="${divstyle}" #end %)
22 22  (((
23 -(% class="showhide-header" %)
24 -(((
25 25  {{html clean=false}}
26 -<div class="showhide-header-flex">
27 - <div class="showhide-title">$title</div>
28 - <div class="showhidebutton">
29 - <a href="javascript:void(0)"
30 - #if($id && $id!="")id="showhidebuttontext${id}" #end
31 - data-show-duration="$effectduration"
32 - data-show-effect="$effect"
33 - data-show-message="$showmessage"
34 - data-hide-message="$hidemessage">
35 - ► $showmessage
36 - </a>
24 +<div class="showhide-header"
25 + #if($id && $id!="") id="showhideheader${id}" #end
26 + data-show-duration="$effectduration"
27 + data-show-effect="$effect"
28 + data-show-message="$showmessage"
29 + data-hide-message="$hidemessage">
30 + <div class="showhide-header-flex">
31 + <div class="showhide-title">$title</div>
32 + <div class="showhide-icon">► $showmessage</div>
37 37   </div>
38 38  </div>
39 39  {{/html}}
40 -)))
41 41  (% class="showhidecontent" #if($id && $id!="")id="showhidecontent${id}" #end#if($xcontext.action != 'edit') style="display: none;"#end %)
42 42  (((
43 43  (((
XWiki.WikiMacroParameterClass[3]
Parameter default value
... ... @@ -1,1 +1,1 @@
1 -toggle
1 +slide
© Aagon GmbH 2025
Besuchen Sie unsere Aagon-Community