Ocultar / mostrar submenu

[nelson12345]

Hola amigos, Tengo un jsvacript de menus y submenus en cual se muestra de la siguiente manera:

CONFIGURACION BASICA ocultar
config1
config2
config3
config4

El de mayuscula es el MENU y los de minusculas son los submenu. Lo que hace este script es mostrarme inicialmente todos los submenu y si pulso la opcion 'ocultar' me los oculta. Lo que quiero es invertir el orden. Es decir, que el primer pantallazo me muestre solamente el MENU y los submenus ocultos y en vez de ocultar que se vea la opcion 'ver' y que me muestre los submenu al pulsar la opcion 'ver'. Alguien me puede colaborar por favor.

Código Javascript:

$(document).ready(function() {
var showText='Ver';
var hideText='Ocultar';
var is_visible = false;
$('.toggle').prev().append(' <a href="#" class="toggleLink">'+hideText+'</a>');
$('.toggle').show();
$('a.toggleLink').click(function() {
is_visible =! is_visible;
if ($(this).text()==showText) {
$(this).text(hideText);
$(this).parent().next('.toggle').slideDown('slow');
}
else {
$(this).text(showText);
$(this).parent().next('.toggle').slideUp('slow');
}
return false;
});
});
 

[lubtufano]

Prueba cambiando hideText por showText en esta linea

$('.toggle').prev().append('<a href="#" class="toggleLink">+hideText+'</a>');

Y elimina esta otra.

$('.toggle').show();