JSFiddle - React, Tailwind, and code Playground

by Luis Rojas

HTML

<div id="a">AAAAAAAAAAAA</div><div id="b">BBBBBB</div><div id="test" >Write Cordinates here</div>

CSS

#a{
    border:1px solid red;
    width:400px;
    margin:50px;
}
#b{
    position:absolute;
     border:1px green solid;
    width:400px;
    top:150px;
    
}

JavaScript

$(document).ready(function(){
    var burasi = $('#a').offset();
    var tepe=burasi.top + $('#a').outerHeight(true);
    var ici = $("#b");
    if(ici.is(':visible')){
       ici.offset({top: tepe, left: burasi.left});
       }
    window.console.log({top: tepe, left: burasi.left} );
    $("#test").html("top: "+tepe+", left: "+burasi.left);
});

$("#a").click(function(){
    $('#b').fadeToggle();
       
})