Visualizzazione dei risultati da 1 a 7 su 7

Discussione: jquery toggle

  1. #1

    jquery toggle

    Salve,
    mostro o nascondo dei div con jquery:

    codice:
    $('.show_hide').click(function(){
    	var hide = $(this).attr('rel');
    	$('#' + hide).slideToggle('fast');
    	return false;
    });
    e
    codice:
    mostra/nascondi
    nella pagina ho più div da mostrare e inizialmente sono tutti open.

    come posso fare in modo che solo il primo sia aperto di default e che aprendone un altro si chiuda quello aperto?

    Uso jquery anche per altro per cui vorrei usare questo framework

    Grazie
    Ciao!

  2. #2
    Supponendo che i div abbiano tutti la class divaprichiudi puoi chiuderli tutti ed aprire quello che ti interessa:

    codice:
    $('.divaprichiudi').hide();
    $('.divaprichiudi').eq(0).show();
    
    $('.show_hide').click(function(){
    	var hide = $(this).attr('rel');
    	$('.divaprichiudi').hide();
    	$('#' + hide).show();
    	return false;
    });
    Un altro metodo carino è quello di agguingere una classe (che ha display: none) a quello che vuoi chiudere e controllare quelli che hanno quella classe.

  3. #3
    Grazie, funziona!
    E per dare l'effetto slide come prima con slideToogle?
    Ciao!

  4. #4
    Anche in hide() e show() puoi mettere il tempo come parametro.

  5. #5

  6. #6
    Non capisco la faccina, comunque puoi fare
    .hide(500)
    .show(500)

    etc.etc.

  7. #7
    era un grazie... avevo fatto proprio cosi!
    Ciao!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.