Hi I put
var openDiv, $;
function toggleDiv(divID) {
$("#" + divID).fadeToggle(150, function() {
openDiv = $(this).is(':visible') ? divID : null;
});
}
$(document).click(function(e) {
if (!$(e.target).closest('#'+openDiv).length) {
toggleDiv(openDiv);
}
});
$(function () {
$('.usermenu > div').toggleClass('no-js js');
$('.usermenu .js div').hide();
$('.usermenu .js').click(function(e) {
$('.usermenu .js div').fadeToggle(150);
$('.usermenu').toggleClass('active');
e.stopPropagation();
});
$(document).click(function() {
if ($('.usermenu .js div').is(':visible')) {
$('.usermenu .js div', this).fadeOut(150);
$('.usermenu').removeClass('active');
}
});
});
$(function () {
$('.actionmenu > div').toggleClass('no-js js');
$('.actionmenu .js div').hide();
$('.actionmenu .js').click(function(e) {
$('.actionmenu .js div').fadeToggle(150);
$('.clicker').toggleClass('active');
e.stopPropagation();
});
$(document).click(function() {
if ($('.actionmenu .js div').is(':visible')) {
$('.actionmenu .js div', this).fadeOut(150);
$('.clicker').removeClass('active');
}
});
});
In a separate js file and I called it metrolook.js
I then in metrolook.php added the followering
normal without adding metrolook.js
$GLOBALS['wgResourceModules']['skins.metrolook.js'] = array(
'scripts' => array(
'collapsibleTabs.js',
'vector.js',
),
'position' => 'top',
'dependencies' => array(
'jquery.throttle-debounce',
'jquery.tabIndex',
),
'remoteSkinPath' => 'Metrolook',
'localBasePath' => __DIR__,
);
with metrolook.js added
$GLOBALS['wgResourceModules']['skins.metrolook.js'] = array(
'scripts' => array(
'collapsibleTabs.js',
'vector.js',
'metrolook.js',
),
'position' => 'top',
'dependencies' => array(
'jquery.throttle-debounce',
'jquery.tabIndex',
),
'remoteSkinPath' => 'Metrolook',
'localBasePath' => __DIR__,
);
and it just doesent work.