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