как сделать чтобы выпадающее меню было точно над с помощью js

Подскажите как сделать чтобы меню создавалось закрывая надпись по которой происходит нажатие? Меню создается но рядом.

<div class="dropdown">

    <span class="dropdown-toggle">Сбербанк онлайн</span>

    <span id="dropdown-menu" class="dropdown-menu" absolute>
        <li>Сбербанк</li>
        <li>Т Банк</li>
        <li>СПБ</li>

    </span>
</div>

document.getElementById('dropdown-toggle').addEventListener('click', function () {
    var dropdownMenu = document.getElementById('dropdown-menu');
    var dropdowntoggle = document.getElementById('dropdown-toggle');
  
    var buttonRect = dropdowntoggle.getBoundingClientRect();

    if (dropdownMenu.style.display === 'block') {
        dropdownMenu.style.display = 'none';
    } else {
        dropdownMenu.style.display = 'block';
    }
});