title: jQuery: mouseover makes image visible that has the same last 4 numbers in their id as the trigger
body: <p>I am currently working on a website and got stuck with the following problem: </p>
  
  <p>On the website I have small dots (images) with the ids "dot0001", "dot0002", "dot0003", etc. . I also have hidden images (visibility:hidden) with the ids "info0001", "info00002", "info0003", etc. </p>
  
  <p>I am looking for a jQuery solution. What I need is a code that allows the following events:</p>
  
  <p>When users move the mouse over "dot0001" the image "info0001" becomes visible and when they leave "dot0001", "info0001" becomes invisible again. Same applies to "dot0002"-"info0002" ,  "dot0003"-"info0003" etc. So only the info-images with the corresponding 4 digit number become visible. </p>
  
  <p>I gave it endless tries but got nowhere and there is not even a point in pasting my code.</p>
  
  <p>Any help appreciated! </p>