Elemento menu con link y submenu

[Gorgonzola]

Tengo un menú responsive que aparece por la izquierda al pulsar en el botón de menú.

El problema es que uno de los apartados tiene un submenú, pero al mismo tiempo es un enlace, necesito que ese elemento del menú tenga un botón a la derecha para desplegar el submenú y que el elemento en si siga enlazando donde lo hace.

Puedo nombrar el elemento con una clase, el sistema está pensado para Wordpress.

Este es el código que tengo ahora, el problema es que despliega el menú pero automáticamente se va a la página con lo que se cierra el menú.

Código:

$(document).ready(main);

var contador = 1;

function main() {
	$('.botonmenu').click(function(){
		if (contador ==1) {
			$('.contenedorcabecera').animate({
				left: '0'
			});
			contador = 0;
		} else {
			contador = 1;
			$('.contenedorcabecera').animate({
				left: '-100%'
			});
		}
	});



//Mostramos y ocultamos submenus
$('.padre').click(function(){
	$(this).children('.sub-menu').slideToggle();
	});
}

[siddartha23]

Antes que nada tienes que hacer pruebas con usuarios ajenos al proyecto, tal vez a ellos les sea mas intuitivo hacer clic sobre el texto del sub-menú par ver las opciones interiores, antes que hacer clic en la flecha ...