Question

i need your help! I have a random amount of divs placed between themselves.

<div id="items">
    <div class="item">Item description</div>
    <div class="item">Item description</div>
    <div class="item">Item description</div>
    <div class="item">Item description</div>
</div>

Each of the has a different height and i have to calculate the distance between them. It is really important that the distance is from each middle point of each item.

Thanks in advance!

Maybe my image will it explain better than my horrible english 🙂

Answer 1

Oh my gosh! Sometimes it is easier than you might think!

var currentCenterPoint = $('.current').outerHeight() / 2;
var nextCenterPoint = $('.current').next().outerHeight() / 2;

var amount = (currentCenterPoint + nextCenterPoint);