Officer Contact List Scrunching

GuildPortal admin site link to the original post

This script will compress the officer contact list by hiding all of the officer information so only the name shows. When you hover over the name, the hidden information will appear. If you look at the after screenshot, you can see the mouse over a opened list.

Before	After

Code

Add this code to a Free Form Text/HTML widget (while in raw mode) on the same page as the officer contact list.

<script src="http://www.axiomfiles.com/Files/258012/jquery.hoverIntent.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 var contacts = $('.gpWidget-officercontacts');
 if (contacts.length){
  contacts.find('.NormGridRow,.AltGridRow').each(function(){
   var bx = $(this).find('td:eq(1)');
   bx
    .wrapInner('<div class="hiddenInfo" style="display:none;" />')
    .find('a.tooltip').parent()
     .addClass('showInfo')
     .prependTo( bx )
     .parent()
     .css('cursor', 'pointer')
     .hoverIntent({
      over: function(){ $(this).find('.hiddenInfo').slideDown(200); },
      out:  function(){ $(this).find('.hiddenInfo').slideUp(200); },
      timeout: 300
    });
  });
 }
});
</script>

Customization

• There is nothing to customize in this script ( at this time  )