脚本不再起作用 - 重新定位元素

Question

我尝试重新定位菜单的元素：

http://jsfiddle.net/kJKq6/5/

通过较低的链接可以打开下拉菜单，但如果链接位于html代码的顶部，则无法再打开菜单。不幸的是它不能用于其他菜单。我是新的HTML和PHP，不知道解决方案，请任何人可以帮忙吗？许多问候

<a class="dropdown-toggle" data-toggle="dropdown" href="#">ALLE KATEGORIEN</a>
<div class="navbar">
    <div class="nav-collapse collapse">
        <ul class="nav">
            <li class="active">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">ALLE KATEGORIEN</a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">ABC</a></li>
                    <li><a href="#">ABC</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

<script>
$(document).ready(function () {
    $('.dropdown-toggle').on('mouseover', function () {
        $('.nav li').removeClass("open");
        $(this).parent().toggleClass("open");
        var height = $menu.outerHeight(); var width = $menu.outerWidth();
        $('ul.' + $(this).attr("rel") + ' li > a').removeClass("maintainHover");
        $('ul.' + $(this).attr("rel") + ' li > div').hide();
        $('ul.' + $(this).attr("rel") + ' li:first-child > a').addClass("maintainHover");
        $('ul.' + $(this).attr("rel") + ' li:first-child > div').css({
            'display': 'block',
            'left': width - 3,
            'height': height - 4,
            'top': -1
        });
    });
});
</script>

<script>
var $menu = $(".dropdown-menu");
$menu.menuAim({
    activate: activateSubmenu,
    deactivate: deactivateSubmenu,
});
</script>