MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 6: | Line 6: | ||
var hideButton = 'hide'; | var hideButton = 'hide'; | ||
toggleHeader = function(index) { | toggleHeader = function(index) { | ||
var border = $('#navbox-' + index + ' #navbox-header-' + index).css('border-bottom'); | |||
if ($('#navbox-' + index + ' #navbox-content-' + index).is(':visible')) { | |||
$('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': 'none'}); | |||
} | |||
else { | |||
$('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': border}); | |||
} | |||
$('#navbox-' + index + ' #navbox-content-' + index).toggle('slow'); | $('#navbox-' + index + ' #navbox-content-' + index).toggle('slow'); | ||
var text = $('#toggle-' + index).text(); | var text = $('#toggle-' + index).text(); | ||
Line 13: | Line 20: | ||
else { | else { | ||
$('#toggle-' + index).text(hideButton); | $('#toggle-' + index).text(hideButton); | ||
} | } | ||
}; | }; |
Revision as of 10:56, 25 August 2011
/* 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) { var border = $('#navbox-' + index + ' #navbox-header-' + index).css('border-bottom'); if ($('#navbox-' + index + ' #navbox-content-' + index).is(':visible')) { $('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': 'none'}); } else { $('#navbox-' + index + ' #navbox-header-' + index).css({'border-bottom': border}); } $('#navbox-' + index + ' #navbox-content-' + index).toggle('slow'); var text = $('#toggle-' + index).text(); if (text == hideButton) { $('#toggle-' + index).text(showButton); } else { $('#toggle-' + index).text(hideButton); } }; $('.navbox').each(function(index){ $(this).attr('id', 'navbox-' + index); }); $('.navbox-header').each(function(index){ $(this).attr('id', 'navbox-header-' + index).append('<div style="float:right;">[<a id="toggle-' + index + '" href="javascript:toggleHeader(' + index + ')">' + hideButton + '</a>]</div>'); }); $('.navbox-content').each(function(index){ $(this).attr('id', 'navbox-content-' + index); }); });