切换子菜单,如果点击了孩子,请转到页面

我已经构建了一个简单的切换菜单,单击该菜单一次显示子元素列表,如果再次单击则隐藏这些可见元素.

如果点击了一个子元素,但我想让它访问该页面,我似乎无法让它工作？是否与我的防止默认？

//  Language select in global nav
$('.sub-lang').on('click', function(e) {

if ($(this).hasClass('active') && $(e.target).parent().hasClass('active')) {
    $(this).removeClass('active');
    $(this).css('height', 'auto');
    $(this).children('ul').hide();
} else {
    $(this).addClass('active');
    $(this).css('height', $(this).find('ul').height() + 65);
    $(this).children('ul').show();
}

e.preventDefault();
});

这是JsFiddle