Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/09/2015, 22:07
nelson12345
 
Fecha de Ingreso: enero-2010
Ubicación: Colombia
Mensajes: 238
Antigüedad: 14 años, 9 meses
Puntos: 2
Ocultar / mostrar submenu

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:
Ver original
  1. $(document).ready(function() {
  2. var showText='Ver';
  3. var hideText='Ocultar';
  4. var is_visible = false;
  5. $('.toggle').prev().append(' <a href="#" class="toggleLink">'+hideText+'</a>');
  6. $('.toggle').show();
  7. $('a.toggleLink').click(function() {
  8. is_visible =! is_visible;
  9. if ($(this).text()==showText) {
  10. $(this).text(hideText);
  11. $(this).parent().next('.toggle').slideDown('slow');
  12. }
  13. else {
  14. $(this).text(showText);
  15. $(this).parent().next('.toggle').slideUp('slow');
  16. }
  17. return false;
  18. });
  19. });