JQuery comment invoquer une méthode d'un enfant de this ?

Maljuna Kris · 25-09-2012 17:56:15

Saluton,
Je m'explique, dans mon précédent post "JQuery ça commence mal", je suis parvenu à intercepter l'événement "click" d'un item de menu

        $(document).ready(function(){

            $("li.mp").bind ("click", function (event){

                $(this).slideToggle('medium');

                });

            });

mais ce code invoque, bien entendu, la méthode slideToggle() de l'item cliqué, ce qui ne m'arrange pas car, du coup, c'est l'item cliqué du menu qui disparait.

Rappel du code HTML

    <body>

        <div class="menu">

            <ul>

              <li class="mp">Rub 1</li>

                <ul>

                  <li>1.1</li>

                  <li>1.2</li>

                </ul>

              </li>

              <li class="mp">Rub 2</li>

                <ul>

                  <li>2.1</li>

                  <li>2.2</li>

                </ul>

              </li>

              <li>Rub 3</li>

            </ul>

        </div>

    </body>

Ce que je souhaite, c'est invoquer ladite méthode de l'unique fils <ul> de "this" afin de le masquer ou l'afficher.

J'ai tenté

$(this.childNodes[1]).slideToggle('medium'); 

/* this.childNodes[0] correspond aux textes "Rub 1" ou "Rub 2"*/

mais ça plante JQuery.

Une idée ?

Maljuna Kris · 25-09-2012 19:08:06

Je viens d'essayer ça

        $(document).ready(function(){

            $("li.mp").bind ("click", function (event){

            var context = this.childNodes[1];

                $("ul",context).slideToggle('medium');

                });

            });

mais là c'est pire, tout disparaît.

Maljuna Kris · 25-09-2012 19:12:06

Et ça :

        $(document).ready(function(){

            $("li.mp").bind ("click", function (event){

            var element = this.childNodes[1];

                $(element).slideToggle('medium');

                });

            });

ça ne fait rien du tout.

Maljuna Kris · 25-09-2012 20:35:44

Autre tentative tout aussi infructueuse

        $(document).ready(function(){

            $("li.mp").bind ("click", function (event){

            var element = $(this).find('ul');

                $(element).slideToggle('medium');

                });

            });

Pierrot · 25-09-2012 21:05:01

element.slideToggle('medium')

a++

Maljuna Kris · 25-09-2012 21:22:59

Ouais, merci Pierrot,
J'avais essayé aussi mais ça ne fonctionnait pas du fait que les balises fermantes </li> des rubriques 1 et 2 étaient redondantes, la première située avant les <ul> de deuxième niveau.
Bon, dorénavant j'obtiens bien l'effet voulu, mais je dois comprendre comment forcer tout <ul> déployé (slideTogglé, si j'ose ce néologisme) à se recroqueviller, de façon à ce qu'il n'y ait toujours qu'un seul sous-menu déployé.

Maljuna Kris · 25-09-2012 21:30:42

J'ai trouvé

        <script type="text/javascript">

        $(document).ready(function(){

            $("li.mp").bind ("click", function (event){

            $("li.mp").find('ul').slideUp('medium');

            $(this).find('ul').slideToggle('medium');

                });

            });

Maljuna Kris · 25-09-2012 21:37:33

Enfin presque, parce que là si je clique sur "Rubrique 1" alors qu'elle est déjà déployée elle se ferme puis se rouvre, c'est à dire que je perds l'effet bascule du slideToggle.
Il faudrait que je dispense $(this).find('ul') de son slideUp.
Bon, mais là je vais arrêter pour ce soir.

PHP|Débutant :: Forums

Advertisement

#1 25-09-2012 17:56:15

JQuery comment invoquer une méthode d'un enfant de this ?

#2 25-09-2012 19:08:06

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#3 25-09-2012 19:12:06

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#4 25-09-2012 20:35:44

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#5 25-09-2012 21:05:01

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#6 25-09-2012 21:22:59

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#7 25-09-2012 21:30:42

Re : JQuery comment invoquer une méthode d'un enfant de this ?

#8 25-09-2012 21:37:33

Re : JQuery comment invoquer une méthode d'un enfant de this ?

Pied de page des forums