Visualizzazione dei risultati da 1 a 7 su 7

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Ce anche la possibilità di farlo con i soli css:
    http://jsfiddle.net/7d5cg/embedded/result,html,css/
    codice HTML:
    <div id="faqs">
       <a href="#faq1">Perché le mucche hanno le macchie?</a>
        <div id="faq1">(Spiagazione lunga e noiosa)</div>
       <a href="#faq2">Perché gli elefanti hanno la proboscide?</a>
        <div id="faq2">(Un'altra spiagazione lunga e noiosa)</div>
       <!-- Tutte le altre faq -->
    </div>
    CSS:
    codice:
    #faq div {
        overflow: hidden;
        max-height: 0px;
        opacity: 0;
        transition: .7s all ease;
    }
    
    
    #faq div:target {
        opacity: 1;
        max-height: 20px; // Se vuoi che gli elementi abbiano un'altezza fissa qui metti quella, altrimenti questo valore deve essere il più vicino possibile all'altezza del più alto (superandolo)
        transition: .7s all ease;
    }
    No

  2. #2
    Quote Originariamente inviata da tampertools Visualizza il messaggio
    Ce anche la possibilità di farlo con i soli css:
    http://jsfiddle.net/7d5cg/embedded/result,html,css/
    Grazie infinite, in effetti funziona perfettamente!!!
    C'è solo una cosa che vorrei chiederti sperando di non approfittare troppo, forse usando le ancore non è possibile fare diversamente ma credi esista una maniera per evitare che quando clicco sul link che fa comparire la descrizione la pagina scorra fino all'inizio della stessa?

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 © 2026 vBulletin Solutions, Inc. All rights reserved.