Не получается расположить элемент под курсивом со второго клика. Первый клик элемент располагается под курсивом, так как и задумывалось. Второй клик, элемент нужно тоже расположить под курсивом.
$('#zx').click(function(e) {
var offset = $(this).offset();
var x = (e.pageX - offset.left);
var y = (e.pageY - offset.top);
if ($('#qwe').is(':visible')) {
$('#qwe').fadeOut(200, function() {
$(this).offset({top:y, left:x}).fadeIn(300)
})
} else {
$('#qwe').offset({top:y, left:x}).fadeIn(300)
}
});
#qwe {
height: 50px;
width: 50px;
background: #999;
display: none;
}
#zx {
display: block;
width: 600px;
height: 300px;
background: #555;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="zx">
<div id="qwe"></div>
</div>