CSS背景图像上的悬停缩放和单击效果-Jquery

**情景1

我有一张地图，上面有位置，当一个位置悬停在上面时，我希望图标放大/增长，并在下面的div中从侧面滑入一个包含位置名称的div，然后，一旦鼠标光标离开图标区域，我希望div和位置的名称完全消失，然后将位置图标返回到其原始大小

**情景2

在鼠标悬停并单击后，我希望图标保持放大，在位置名称下方显示实际地址，直到选择/单击它或其他图标

我已经在下面的JSFIDLE上做了一个开始，但似乎不能再进一步了，因为我对使用jquery相当陌生：

我试图实现的一个活生生的例子可以在页面右下角找到

提前谢谢！！：

另外，我正在使用CMS，所以它必须与背景图像，干杯

缩放不是你想象的那样。事实上，缩放是IE独有的功能，当出现错误时，它通常用于触发hasLayout。它不是调整浏览器或元素缩放的功能。

---

对于您想要做的事情，您可以使用css3转换，尤其是缩放。或者SVG也可以作为一种选择。最后，您可以使用jQuery为包含不同帧的图像精灵设置动画。

@Marc Uberstein-嘿，伙计，好久不见！！快一年了，如果你有时间的话，这里有一个新的给你，当然，谢谢@ShankarSangoli-拿出所有旧的抽牌：P如果你有时间，看看我的这个小“疑问”，谢谢你，伙计！！谢谢你的回复！！hmm规模，但如果使用这种方法，对旧浏览器的支持又如何呢。。？