Click through div to underlying elements

Question

I have a div that has background:transparent, along with border. Underneath this div, I have more elements.

Curre

Answer 1

1. Hide overlaying the element
2. Determine cursor coordinates
3. Get element on those coordinates
4. Trigger click on element
5. Show overlaying element again

$('#elementontop').click(e => {
    $('#elementontop').hide();
    $(document.elementFromPoint(e.clientX, e.clientY)).trigger("click");
    $('#elementontop').show();
});