code: function toggleDisplay(selector,singleRowHeight,bindType) {
    var display = $(selector);
    var toggler = display.find(gTogglerClass).first();
    display.css({'height':'auto'});//set height to auto    
    var fullHeight = display.height();//get full content height when auto
    display.css({'height':singleRowHeight});//now set height to one row
    if (display.height() >= fullHeight) {//only show toggler if full contents larger than 1 row
        toggler.css('visibility','hidden');
    } else {
        toggler.css('visibility','visible');
    }
    if (bindType=='click') {  //bind click to toggle show/hide
      toggler.toggle(
          function() {
              $(this).addClass('hover')
                .closest(selector).addClass('show-all');
          },
          function() {
              $(this).removeClass('hover')
                .closest(selector).removeClass('show-all');
          }        
      );
      if (toggler.closest(selector).hasClass('show-all')) { // if class set in html
            toggler.addClass('hover').css({'visibility':'visible'}).click();
      }
    } else {                 //bind toggler hover to show all
      toggler.mouseenter(
          function() {
              display.addClass('show-all');
              $(this).addClass('hover');
          }
      );
      display.mouseleave(function() { //hide when mouse leaves display area
            $(this).removeClass('show-all');
            display.css({'height':singleRowHeight});
            toggler.removeClass('hover');
            return false;
        });
    }
    display.find('a').attr('tabindex','-1');//remove display links from tab order, to target tags only, use find('li a') 
    display.css('visibility','visible');//show element (to prevent flash)
  }
docs: toggle function for fixed-height displays with potentially large contents