Solution One, 这也是最简单的，将按钮放置在文本上方。然后，您可以单击链接中的任意位置打开菜单。这假设您实际上不想进入顶层页面。

在您的样式中。css，添加宽度：100%！重要的和文本对齐：右；给你的。下拉切换类。所以看起来像这样。。。

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 42px;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 100% !important;
    text-align: right;
}

jQuery(document).ready(function () {
    jQuery(\'.sidebar_menu ul ul\').hide();
    if (jQuery(\'.menu-item-has-children\').length > 0) {
        jQuery(\'.menu-item-has-children\').click(

        function (event) {
            jQuery(this).addClass(\'toggled\')
            if (jQuery(this).hasClass(\'toggled\')) {
                jQuery(this).children(\'ul\').toggle();
            }

            return false;

        });
    }

});

Solution Three (Parents Linkable)

jQuery(document).ready(function () {
    jQuery(\'.sidebar_menu ul ul\').hide();
    if (jQuery(\'.menu-item-has-children\').length > 0) {
        jQuery(\'.menu-item-has-children\').click(

        function (event) {            
            if (jQuery(this).hasClass(\'toggled\')) {
                    jQuery(this).removeClass(\'toggled\');
                jQuery(this).children(\'ul\').toggle();
            }else{
                    jQuery(this).addClass(\'toggled\');
                    jQuery(this).children(\'ul\').toggle();
                return false;
            }
        });
    }

});