присоединение div к определенному элементу для показа с помощью JavaScript

Question

Нажатие на изображение должно показать div рядом с ним (.show () в jQuery).

Но как я могу прикрепить div к этому изображению?Это сделано с помощью чистого CSS или JavaScript?
Я попробовал несколько «позиция: абсолют», но не могу прикрепить его рядом с изображением.

Как это сделать?

Answer 1

Это довольно просто, вам нужно вычислить .css({top:___,left:___}) таким образом, чтобы подчеркивания были заполнены вычислениями, основанными на .position().top и .position().left.

кликнувшего изображения.

Answer 2

как то так:

     $(document).ready(function() {
        $('#someim').click(function() {
            showDiv($(this), $('#somediv'));
        });
    });
    function showDiv(sender, object) {

        var pos = $(sender).offset();
        var width = $(sender).width();

        $(object).css({ "left": (pos.left + width) + "px", "top": pos.top + "px" });

        $(object).show();
    }
    <img id="someim" width="250" height="61" alt="Stack Overflow" src="http://sstatic.net/so/img/logo.png">
    <div id="somediv" style="display:none; margin-left:10px; color:Red">sd</div>