Discussion :

[psykopathik]

Hello @all,

Pour les besoins de différents projets, et aussi un peu pour mon évolution professionnel, je commence à me mettre doucement au Javascript.

HTML/CSS je maitrise parfaitement.
ActionScript a été (et est toujours) mon dada habituel pendant longtemps, les choses changent

J'avoue que certaines... pas mal de choses me paraissent encore un peu flou ^^
J'ai compris qu'il y a différents librairies et leur intérêts, mais si j'ai parfois du mal à capter leurs réelles différences.

Je (tente) de travailler surtout avec la librairie JQuery, car il semble il y avoir une infinité de tuto, ressources, docs....

Si je m'adresse à vous aujourd'hui, c'est concernant .toggleClass
Qui, si j'ai bien compris parfait ajouter ou supprimer une class CSS à un élément en évitant de passer par des if else & Co.

Le principe est simple et fonctionne :

Code :

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

1
2
3
4
 
$("#level_0").click(function () {
     $(this).toggleClass("open");
});

Sauf que moi, je n'ai pas besoin (ni envie d'ailleurs) que cela s'appliquer à "this", mais plutôt à un élément hors flux.
Alors, bêtement, j'ai fait :

Code :

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

1
2
3
4
 
$("#level_0").click(function () {
     $(.panel).toggleClass("open");
});

Alors, au click, cela ajoute bien la class .open.
Mais cela ne la retire pas.

Hum...
Est-ce qu'il y a autre chose à faire ?
Ou simplement parce que .toggleClass ne peut pas fonctionner avec un élément hors flux ?

Merci pour votre aide.

[SpaceFrog]

un selecteur est un string


$(.panel).toggleClass("open");=> $(".panel").toggleClass("open");

[Darkaurora]

un selecteur est un string

$(".panel").toggleClass("open");

Ou
$("."+panel).toggleClass("open");
Si
var panel = "maClassSelector";

Ou
panel.toggleClass("open");
Si
var panel = $('.MaClassSelector');

[psykopathik]

Merci pour ces détails
Effectivement, ca fonctionne mieux !