Changes

m
no edit summary
Line 4: Line 4:     
     $(document).ready(function() {
 
     $(document).ready(function() {
 +
 +
console.log('DetailToggle v1.0.0');
    
         // custom hidable content and togglers supported by local storage
 
         // custom hidable content and togglers supported by local storage
Line 29: Line 31:  
                 property_anti = toggle_element.data("anti-target"),
 
                 property_anti = toggle_element.data("anti-target"),
 
                 property_default = toggle_element.data("default") || "show",
 
                 property_default = toggle_element.data("default") || "show",
 +
                property_classes = toggle_element.data("classes") && toggle_element.data("classes").split(' ').map(function (e) { return "toggle-class-" + e.trim() }).join(' '),
 
                 target = "toggle-target-" + property,
 
                 target = "toggle-target-" + property,
 
                 target_class = "." + target,
 
                 target_class = "." + target,
Line 44: Line 47:  
                 $(toggle_show_selector).show();
 
                 $(toggle_show_selector).show();
 
                 $(toggle_hide_selector).hide();
 
                 $(toggle_hide_selector).hide();
                 $(target_class).show();
+
                 if (property_classes) {
 +
                    $(target_class).addClass(property_classes);
 +
                } else {
 +
                    $(target_class).show();
 +
                }               
 
                 if (anti_target_class) {
 
                 if (anti_target_class) {
 
                     $(anti_target_class).hide();
 
                     $(anti_target_class).hide();
Line 51: Line 58:  
                 $(toggle_show_selector).hide();
 
                 $(toggle_show_selector).hide();
 
                 $(toggle_hide_selector).show();
 
                 $(toggle_hide_selector).show();
                 $(target_class).hide();
+
                 if (property_classes) {
 +
                    $(target_class).removeClass(property_classes);
 +
                } else {
 +
                    $(target_class).hide();                  
 +
                }
 
                 if (anti_target_class) {
 
                 if (anti_target_class) {
 
                     $(anti_target_class).show();
 
                     $(anti_target_class).show();
Line 149: Line 160:  
                 toggle_element.show();
 
                 toggle_element.show();
 
                 update(toggle_element);
 
                 update(toggle_element);
 +
                if (toggle_element.hasClass('toggle-passive')) {
 +
                    return;
 +
                }
 
                 toggle_element.off("click");
 
                 toggle_element.off("click");
 
                 toggle_element.click(function() {
 
                 toggle_element.click(function() {
Line 156: Line 170:     
             //Activate multi toggles.
 
             //Activate multi toggles.
 +
            var targets = {};
 
             $(".multi-toggle").each(function() {
 
             $(".multi-toggle").each(function() {
 
                 var multi_toggle_element = $(this),
 
                 var multi_toggle_element = $(this),
                     multi_toggle_buttons = multi_toggle_element.children(".multi-toggle-button");
+
                     multi_toggle_buttons = multi_toggle_element.children(".multi-toggle-button"),
 +
                    target = multi_toggle_element.data("target") || "default";
 
                 multi_toggle_element.show();
 
                 multi_toggle_element.show();
                 multi_update(multi_toggle_element);
+
                 if (!targets.hasOwnProperty(target))
 +
                    targets[target] = multi_toggle_element;
 
                 //Remove click event handlers from all multi toggle buttons
 
                 //Remove click event handlers from all multi toggle buttons
 
                 multi_toggle_buttons.off("click");
 
                 multi_toggle_buttons.off("click");
Line 168: Line 185:  
                 });
 
                 });
 
             });
 
             });
 +
            //call multi-update once for each target to allow multiple controls
 +
            //without horrible lag
 +
            Object.keys(targets).forEach(function (key) {multi_update(targets[key])});
    
             // .mw-collapsible togglers
 
             // .mw-collapsible togglers
cssedit, gkautomate
7,060

edits