Jquery 将div标签与另一个div标签对齐

我有下面的脚本，它几乎完美地工作感谢

jQuery：

问题是：

唯一的问题是.dropdown的出现使得.dropdown的左上角紧靠.navigation3的左下角

所以基本上，下拉列表的边缘应该在左侧。现在，嘴唇在右边

问题是：

如何使.dropdowns的右上角与.navigation3s的右下角对齐

JSFIDLE示例：

---

您可以这样尝试：

var leftoffset = $dd.width() - $nav3.width();

var offset = 20,
    offsettop = $nav3.offset().top + $nav3.height() + offset,
    offsetleft = $nav3.offset().left-leftoffset ;

---

您可以这样尝试：

var leftoffset = $dd.width() - $nav3.width();

var offset = 20,
    offsettop = $nav3.offset().top + $nav3.height() + offset,
    offsetleft = $nav3.offset().left-leftoffset ;

---

你可能想考虑用更少的CSS和jQuery -< /P>编写更为语义的菜单。 HTML

​

​ CSS

菜单{ 浮动：对； 背景：555人； } 菜单里{ 浮动：左； 填充：10px； 光标：指针； 位置：相对位置； } 菜单{ 显示：无； 位置：绝对位置； 顶部：40px； 右：0； 空白：nowrap； 背景：c00； }

---

你可能想考虑用更少的CSS和jQuery -< /P>编写更为语义的菜单。 HTML

​

​ CSS

菜单{ 浮动：对； 背景：555人； } 菜单里{ 浮动：左； 填充：10px； 光标：指针； 位置：相对位置； } 菜单{ 显示：无； 位置：绝对位置； 顶部：40px； 右：0； 空白：nowrap； 背景：c00； }

---

请提供一些背景资料。在jsfiddle.net等中设置一个示例。请提供一些上下文。在jsfiddle.net中设置一个示例，等等。

<ul id="menu">
    <li>click me 1
        <ul>
            <li>icon Default 1</li>
        </ul>
    </li>
    <li>click me 2
        <ul>
            <li>icon Default 2</li>
        </ul>
    </li>
    <li>click me 3
        <ul>
            <li>icon Default 3</li>
        </ul>
    </li>
</ul>

$("#menu > li").on("click", function() {
    var $ul = $(this).find("ul");
    if ( $ul.is(":hidden") ) { $ul.show(); } else { $ul.hide(); }
});