相对于另一个定位元素

Question

我想将xmenu-toggle类分配给一个元素，该元素在单击菜单时会显示在其左侧。 我尝试了以下操作，但菜单的位置将在连续单击中更改。 怎么了？

    $('.xmenu-toggle').click(function (event) {
        event.stopPropagation();
        var pos=$(this).offset();
        $(this).siblings('.xmenu').offset({top:pos.top+10,left:pos.left+10}).toggle();
    }) 

HTML：

<div class="xmenu-toggle">Click me!</div>
<div class="xmenu">I am the menu, I have relative position</div> 

Answer 1

似乎与.toggle()的放置有关。 我将它移到.offset()之前，它始终出现在同一位置。

 $('.xmenu-toggle').click(function (event) {
     var offset = $(this).offset();

     $(this).parent().find('.xmenu').toggle().offset({
         top: offset.top + 10,
         left: offset.left + 10
     });

 });

jsFiddle演示