На моем сайте Shopos есть скрипт, который увеличивает картинку товара при наведении мышки. Мне нужно передалать так, чтобы картинка увеличивалась при клике на картинку, а не при наведении. Ничего не понимаю в JS, пытался заменить параметр hover на click или toggle, картинка при клике увеличивается, но при повторном клике просто не хочет закрываться. Не знаю как задать правило, чтобы оно закрывалось. Прошу помощи тех, кто разбирается. Уже часа 4 пытаюсь найти ответ, но ничего не получается. Вот код:
this.vtip=function(){this.xOffset=-10;this.yOffset=10;$(".vtip").unbind().hover(funct ion(a){this.t=this.title;this.title="";this.top=(a .pageY+yOffset);this.left=(a.pageX+xOffset);$("bod y").append('<p id="vtip"><img id="vtipArrow" />'+this.t+"</p>");$("p#vtip #vtipArrow").attr("src","images/vtip_arrow.png");$("p#vtip").css("top",this.top+"p x").css("left",this.left+"px").fadeIn("slow")},fun ction(){this.title=this.t;$("p#vtip").fadeOut("slo w").remove()}).mousemove(function(a){this.top=(a.p ageY+yOffset);this.left=(a.pageX+xOffset);$("p#vti p").css("top",this.top+"px").css("left",this.left+ "px")})};jQuery(document).ready(function(a){vtip() });