MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
m experiment |
m meh |
||
(4 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
toggleHeader = function(index) { | toggleHeader = function(index) { | ||
$('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){ | $('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){ | ||
}); | }); | ||
var text = $('#toggle-' + index).text(); | var text = $('#toggle-' + index).text(); | ||
Line 18: | Line 12: | ||
$('#toggle-' + index).text(showButton); | $('#toggle-' + index).text(showButton); | ||
var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); | var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); | ||
$('#navbox-header-' + index + ' span').css({'margin-left': offset | $('#navbox-header-' + index + ' span').css({'margin-left': offset}); | ||
} | } | ||
else { | else { | ||
$('#toggle-' + index).text(hideButton); | $('#toggle-' + index).text(hideButton); | ||
var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); | var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); | ||
$('#navbox-header-' + index + ' span').css({'margin-left': offset | $('#navbox-header-' + index + ' span').css({'margin-left': offset}); | ||
} | } | ||
}; | }; |
Latest revision as of 16:10, 31 August 2013
/* Any JavaScript here will be loaded for all users on every page load. */ jQuery(document).ready(function($){ /* for collapsible navboxes */ var showButton = 'show'; var hideButton = 'hide'; toggleHeader = function(index) { $('#navbox-' + index + ' #navbox-content-' + index).toggle(0, function(){ }); var text = $('#toggle-' + index).text(); if (text == hideButton) { $('#toggle-' + index).text(showButton); var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); $('#navbox-header-' + index + ' span').css({'margin-left': offset}); } else { $('#toggle-' + index).text(hideButton); var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); $('#navbox-header-' + index + ' span').css({'margin-left': offset}); } }; $('.navbox').each(function(index){ $(this).attr('id', 'navbox-' + index); }); $('.navbox-header').each(function(index){ $(this).attr('id', 'navbox-header-' + index).append('<div class="navbox-toggle">[<a id="toggle-' + index + '" href="javascript:toggleHeader(' + index + ')">' + hideButton + '</a>]</div>'); }); $('.navbox-content').each(function(index){ $(this).attr('id', 'navbox-content-' + index); }); $('.navbox-header span').each(function(index){ var offset = $('#navbox-header-' + index + ' .navbox-toggle').outerWidth(true); $(this).css({'margin-left': offset}); }); });