jquery - 带有 margin-top 的下拉菜单

Question

我正在制作一个带有 margin-top 的下拉菜单。问题是，当我用鼠标从 li 下拉时，它关闭了。我怎样才能让它与 margin-top 一起工作？

http://jsfiddle.net/wGzj8/8/

来 self 的真实设计:

我试过这个解决方案:How to use (top) margin with CSS3 drop down menu? ，但它会将我的 ul 下的图像向下移动(“O fakulteti”)。

请帮忙。

Answer 1

如果你用额外的 <div> 包装你的子菜单会怎么样？ ？这<div>应该有 margin-top: 4px样式而不是与嵌套 ul 相同的样式:

<li>
    <div class="header_meni_crta"></div>
    <a class="header_glavni_a">O fakulteti</a>
    <div style="margin-top: 4px;">
        <ul style="display: none;" class="dropdown_levo" style="margin-top: 0;">
            <li><a href="#">Vizitka</a></li>
            <li><a href="#">Vodstvo</a></li>
            <li><a href="#">Organi</a></li>
            <li><a href="#">Zaposleni</a></li>
            <li><a href="#">Organiziranost in enote</a></li>
            <li><a href="#">Akti in pravilniki</a></li>
        </ul>
    </div>
</li>

演示: http://jsfiddle.net/wGzj8/18/