Module Expand and Collapse

Be sure your league is setup properly before installing any scripts.Setup Video
The Module Expand and Collapse script places "plus" and "minus" sign in the caption of all the home page reports as well as the tab menu bar. You can show or hide any table or all tables at once. Settings are stored in the browsers local storage for each logged in user based on the leagueID and userID. MFL default setting must be disabled for the collapsing of modules , see video above for setting up your league for customization.
This script must be installed in a homepagemessage marked at "footer".
The directory contains an "uncompressed" version of this script to allow for editing and self hosting. See below for instructions
All scripts require cache.js and font awesome file to be placed in a header message as the 1st line. Please review the section "Custom Scripts" Here
This script is already included in our custom template. Do not install it again. Custom template users do not need to load cache.js or font awesome.

Module Expand and CollapsePlace in footer message

<!-- COLLAPSE ALL HOME PAGE MODULES -->

<script src="https://www.mflscripts.com/mfl-apps/moduleExpand/script.js"></script>

<script>
var MFLEnableMedia = true;
var MFLRememberModuleStates = true;
</script>


<style>
span.plus-toggle{
  right:8px;
  margin-top:20px
}

.homepagemodule.report caption span.module_expand {
  pointer-events: all
}

caption .module_expand.custom_collapse,
caption .module_expand.custom_expand {
  color: #080e25;
  background: none
}

caption .module_expand.custom_collapse:hover,
caption .module_expand.custom_expand:hover {
  color: #B82601
}
.flexslider .report caption span.module_expand {
  display: none
}

.plus-toggle span::before, .plus-toggle span::after {
  background:#aaa;
}

.toggle-btn-main::before, .toggle-btn-main::after {
  background: #080e25;
}

span.plus-toggle , span.plus-toggle span{
  background:none;
  padding:0
}

#collapseLink.collapseLink,
#expandLink.expandLink,
#collapseLink.collapseLink:hover,
#expandLink.expandLink:hover {
  color: #fff
}

span.custom_expand:hover + span + .plus-toggle span:before,
span.custom_expand:hover + span + .plus-toggle span:after,
span.custom_collapse:hover + .plus-toggle span:before,
span.custom_collapse:hover + .plus-toggle span:after{
  background: #080e25;
}

#expandLink:hover + .plus-toggle-main span:before,
#expandLink:hover + .plus-toggle-main span:after,
#collapseLink:hover + a + .plus-toggle-main span:before,
#collapseLink:hover + a + .plus-toggle-main span:after{
  background: #080e25;
}
</style>