$(function(){ $('#contacts').tooltip({ position: 'bottom', content: '<c:forEach items="${record.contacts}" var="staff">${staff.name}-${staff.jobRole }-${staff.tel }<br></c:forEach>', onShow: function(){ $(this).tooltip('tip').css({ backgroundColor: 'white', borderColor: 'black' }); var t = $(this); t.tooltip('tip').unbind().bind('mouseenter', function(){ t.tooltip('show'); }).bind('mouseleave', function(){ t.tooltip('hide'); }); } }); });