jQuery tabs: non mostrare contenuto tabs senza click

[the-bit]

Buona sera,
utilizzo il plugin .tabs() di jQuery ma vorrei evitare che, al caricamento della pagina, mi evidenzi subito la prima tab aprendola.
Ho cercato tra le varie "options" della documentazione ufficiale ma non ho trovato nulla.
Sapreste dirmi come fare a far sì che le tabs vengano mostrate solo quando ci si clicca sopra e che mostri la prima tab all'avvio come default?
Grazie.

[lnessuno]

Originariamente inviato da the-bit
Buona sera,
utilizzo il plugin .tabs() di jQuery ma vorrei evitare che, al caricamento della pagina, mi evidenzi subito la prima tab aprendola.
Ho cercato tra le varie "options" della documentazione ufficiale ma non ho trovato nulla.
Sapreste dirmi come fare a far sì che le tabs vengano mostrate solo quando ci si clicca sopra e che mostri la prima tab all'avvio come default?
Grazie.

Si

Prova con qualcosa tipo questo

    $("#accordion").accordion({ 
        collapsible: true,
        alwaysOpen: false,
        active: false
    });

[cavicchiandrea]

Ma da una lettura veloce è possibile (e anche la demo mostra la prima tabs aperta) http://docs.jquery.com/UI/Tabs

[the-bit]

@cavicchiandrea: è proprio quello che vorrei evitare, cioè che una tab sia automaticamente selezionata all'avvio della pagina.
In pratica il mio obiettivo è avere i vari menu ma senza alcuna tab e solo dopo aver selezionato un link mi appare la relativa tab.

[lnessuno]

Ops ho messo i valori dell'accordion... per i tab prova questi:

$("#tabs").tabs({
    collapsible: true,
    selected: -1
});

[the-bit]

Originariamente inviato da lnessuno
Ops ho messo i valori dell'accordion... per i tab prova questi:

$("#tabs").tabs({
    collapsible: true,
    selected: -1
});

Purtroppo se metto questo codice, firebugs mi dà due errori:

È stato raggiunto il limite di elementi registrabili. 0 elementi non verranno visualizzati		Impostazioni	 
a is undefined
[Interrompi per questo errore] c.extend(h[f],b);else c.extend(h,b);el...ata:function(a){if(a.nodeName){var b=
jquery.min.js (riga 43)
a is undefined
[Interrompi per questo errore] c.extend(h[f],b);else c.extend(h,b);el...ata:function(a){if(a.nodeName){var b=

invece se lascio come era prima, cioè

$("#tabs").tabs();

funziona tutto regolarmente ma mi seleziona e visualizza automaticamente la prima tab.

[cavicchiandrea]

Cosi: (tratto dal link)

Disables (true) or enables (false) the tabs. Can be set when initialising (first creating) the tabs.
Code examples

Initialize a tabs with the disabled option specified.

$( ".selector" ).tabs({ disabled: true });

non funziona?

[the-bit]

Alla fine ho risolto forzatamente con un .hide().
Ma giusto per la cronaca non funzionava.
Ho provato sia come suggeriva "lnessuno"

$("#tabs").tabs({
    collapsible: true,
    selected: -1
});

dandomi errore
sia col codice che mi suggerivi tu, andrea

$("#sottoMenu").tabs();
$( ".selector" ).tabs({ disabled: true });

In questo caso nessun errore, ma non funziona.

[cavicchiandrea]

Non vedendo il resto opterei più per una cosa del genere
$( "#sottoMenu" ).tabs({ disabled: true });

[the-bit]

Ciao Andrea,
non per insistere, ma se uso quest'ultimo codice che hai postato mi va in crash e firebugs mi seganla

D.disabled.concat is not a function
[Interrompi per questo errore] eval(function(p,a,c,k,e,d){e=function(...tab|is|lo ading|z0'.split('|'),0,{}))
main-nav.js (riga 1)
D.disabled.concat is not a function
[Interrompi per questo errore] eval(function(p,a,c,k,e,d){e=function(...tab|is|lo ading|z0'.split('|'),0,{}))

Purtroppo non posso postare tutto il codice perchè è troppo.
Vedo se riesco a mettere una demo online.
Nel frattempo, sapreste dirmi perchè mi genera questo?