Discussion :

[Christophe Charron]

Bonsoir,

je suis infoutu de cacher un onglet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" value="cacher le premier onglet (non)" onclick="$('#tabs').tabs:nth-child(0).hide();" />

me renvoie une erreur. Je dois tourner autour d'un truc énorme mais il doit être tellement énorme qu'il m'aveugle !!

Pourtant, cela fonctionne !!! http://jsfiddle.net/6aTA2/

de même que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" value="Cacher tout l'onglet" onclick="$('#tabs').hide();" />

Merci de m'éclairer, s'il vous plaît

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#tabs .tabs:nth-child(0)').hide();

[NoSmoking]

Bonjour,
euh! les index commence à 1 pour :nth-child, pourquoi ne pas faire avec $(".tabs").eq(0).

[Christophe Charron]

Bonjour,
euh! les index commence à 1 pour :nth-child, pourquoi ne pas faire avec $(".tabs").eq(0).

Bonsoir,

que je mette l'index à 0 ou à 1, le résultat est aussi peu probant.

Et votre syntaxe ne fonctionne pas non plus

Ici les exemples l'illustrant : http://test03.christophe-charron.org...bs_onglets.php

Merci pour votre aide.

[NoSmoking]

Et votre syntaxe ne fonctionne pas non plus

sauf que l'on ne parle plus de la même chose entre l'exemple initial et celui donné, il y a eu migration de class vers id et même méthode

Il ne faut pas se tromper de cible :nth-child() Selector

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('#tabs li').eq(0).hide();           // cachera le 1st onglet
$('#tabs ul li:nth-child(1)').hide(); // cachera également le 1st onglet

[Christophe Charron]

sauf que l'on ne parle plus de la même chose entre l'exemple initial et celui donné, il y a eu migration de class vers id et même méthode

Je me confonds en excuses. D'autant que je suis le premier à râler quand un problème m'est exposé de cette manière !!!

Il ne faut pas se tromper de cible :nth-child() Selector

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('#tabs li').eq(0).hide();           // cachera le 1st onglet
$('#tabs ul li:nth-child(1)').hide(); // cachera également le 1st onglet

Les deux méthodes proposées fonctionnent parfaitement.
Grand merci à vous deux.

Je m'attelle désormais à l'ajout dynamique d'onglet et surtout de leur contenu ...