$(document).ready(function() { tooltips(); $(".hide").hide(); var a = "<img class=\"li\" src=\"/content/css/img/expand_icon.png\"></img>show more features (click to expand)<img class=\"ri\" src=\"/content/css/img/expand_icon.png\"></img></span>"; $(".hide").after("<tbody><th colspan=\"7\"><span class=\"expand collapsed\">" + a + "</th></tbody>"); $(".expand").css("cursor", "pointer").click(function() { $(this).parent().parent().parent().prev().toggle(); if ($(this).is(".collapsed")) { $(this).removeClass("collapsed").html("<img class=\"li\" src=\"/content/css/img/collapse_icon.png\"></img>show less features (click to collapse)<img class=\"ri\" src=\"/content/css/img/collapse_icon.png\"></img>") } else { $(this).addClass("collapsed").html(a) } }) }); function tooltips() { $(".plantable th.lcol span").each(function() { $(this).css("cursor", "help").css("border-bottom", "1px dotted").qtip({ content: $(this).parent().find("div"), show: 'mouseover', hide: 'mouseout', style: { name: 'light', width: 200, tip: 'rightTop', border: { width: 0.2, radius: 2, color: '#b6d1da'} }, position: { corner: { target: 'topLeft', tip: 'topLeft' }, adjust: { x: -235}} }) }) }