Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2014
    Messaggi
    170

    Tab Accordion tutti chiusi

    Buongiorno forum,
    avrei la necessità di mostrare di default tutti i tab dell'accordion chiusi:
    Come si può vedere da questo link però il primo inovia COND è aperto. Leggendo qualche guida ho inserito il codice sotto riportato ma sembra non funzionare...
    codice:
    $('.accordion').accordion({
        active: false,
        collapsible: true            
    });
    Suggerimenti?
    Grazie =)

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, apri la tua pagina sul browser e premi F12, nella scheda "console" puoi notare l'errore che viene riportato:
    codice:
    $(...).accordion is not a function
    In sostanza pare che non esista quella funzione. Non uso "accordion" ma da quel poco che ho letto potrebbe dipendere dal fatto che sulla pagina non hai incluso jQuery UI che, a quanto pare, serve per avere tale funzione.

    Ad ogni modo l'apertura del primo tab è dovuta a questo file: http://www.cafarellidomusin.it/biasi...s/accordion.js

    Riporto qui lo script:
    codice:
    /*
     // "SW Tabs Pro for K2" Plugin by StyleWare for K2 v2.6.x
     // Copyright (c) 2011 - 2012 StyleWare; StyleWare.EU; All rights reserved.
     // Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
     // *** Last update: Version:1.0.0 from 21 March 2013 *** 
     */
    
    jQuery(function () {
        var allPanels = jQuery('.accordion > dd').hide();
        jQuery('.accordion dd:first').show();
        jQuery('.accordion dt:first a').addClass('selected');
        jQuery('.accordion > dt > a').click(function () {
            allPanels.slideUp();
            if (jQuery(this).parent().next().is(':hidden'))
            {
                jQuery(this).parent().next().slideDown();
            }
            if (jQuery('.accordion > dt > a').hasClass('selected')) {
                jQuery('.accordion > dt > a').removeClass('selected');
                jQuery(this).addClass('selected');
            } else {
                jQuery('#accordion dt a').removeClass('selected');
                jQuery(this).addClass('selected');
            }
            return false;
        });
    });
    Potresti tagliare il problema alla radice eliminando queste due righe ad inizio script, la cui funzione è proprio quella di aprire il primo tab all'avvio:
    codice:
        jQuery('.accordion dd:first').show();
        jQuery('.accordion dt:first a').addClass('selected');
    Nel caso, puoi provare a commentarle e vedere che succede.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2014
    Messaggi
    170
    Fantastico! Grazie mille killerworm per la spiegazione dettagliata e per il tempo dedicato.
    Risolto

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.