Comment cacher un onglet

Bonsoir,

je suis infoutu de cacher un onglet :

Code:

---

<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:

---

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

---

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

Code:

---

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

---

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

Citation:

---

Envoyé par NoSmoking

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.

Citation:

---

Envoyé par Christophe Charron

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 :fleche: :nth-child() Selector

Code:

---

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

---

Citation:

---

Envoyé par NoSmoking

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 ;)

---

:oops: 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 !!!

Citation:

---

Envoyé par NoSmoking

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

Code:

---

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 ...