mover un recuadro en posición-coordenadas x y

buenas gente... estoy trabajando con un programa (edge animate) que utiliza javascript..

tengo un boton que al hacer click me muestra un Recuadro de nombre Localidades

Código :

sym.$("recuadro-localidades").show();

ese recuadro tiene una etiqueta que me muestra el nombre de la localidad

Código :

sym.$("nombre-localidad").html("Córdoba");

sym.$("nombre-localidad").html("Santa Fe"); 

sym.$("nombre-localidad").html("Rosario");

hasta ahi, anda todo bien.. ademas, lo bueno del programa es que me permite reutilizar el mismo recuadro y solo agregado la línea de codigo para cambiar el nombre de la localidad, y de esa forma puedo volver a mostrar el recuadro e ir cambiando el nombre de las localidades..

lo que necesito es ir moviendo, reubicando el Recuadro Localidades con los ejes "X" "Y" .. para no superponer el recuadro sobre una determinada localidad y que me tape... algo como lo que pongo a continuación .. obviamente esta mal ... pero es un ejemplo de lo que necesito.. mostrar recuadro localidades y darle una posición

Código :

sym.$("recuadro-localidades").show().html("x:110 y:230");

si alguien puede darme una mano se lo agradecería.. saludos

Hola,
Aquí te explican como mover una capa con JQuery, que es lo que tu quieres, no? Además lo puedes animar.

https://www.sanwebe.com/2011/12/jquery-move-div-leftrightupdown

Un saludo,
David
Web, soluciones