Changes for page Show Hide Macro
Last modified by jklein on 2025/06/02 14:04
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -3,7 +3,7 @@ 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 -{{showhide}} 6 +{{showhide title="PublicAPI"}} 7 7 Inhalt 8 8 Inhalt 9 9 Inhalt
- XWiki.JavaScriptExtension[0]
-
- Code
-
... ... @@ -1,7 +1,7 @@ 1 1 require(['jquery'], function($) { 2 2 function onClick () { 3 3 var button = $(this), 4 - content = button. parent().next(),4 + content = button.closest('.showhide-header').next('.showhidecontent'), 5 5 effect = button.attr('data-show-effect'), 6 6 data = button.data(); 7 7 ... ... @@ -8,15 +8,12 @@ 8 8 if ($.inArray(effect, ['toggle', 'fadeToggle', 'slideToggle']) == -1) 9 9 effect = 'toggle'; 10 10 11 - // Toggle-Zustand berechnen 12 12 data.showHideState = !(('showHideState' in data) ? data.showHideState : content.is(':visible')); 13 13 14 - // Pfeil und Text setzen 15 15 var message = button.attr(data.showHideState ? 'data-hide-message' : 'data-show-message'); 16 16 var icon = data.showHideState ? '▼ ' : '► '; 17 17 button.html(icon + message); 18 18 19 - // Inhalt ein-/ausblenden 20 20 content.stop()[effect](parseInt(button.attr('data-show-duration'))); 21 21 22 22 return false;