Ouverture block de menu déroulant

Antho03

Octobre 2012

Bonjour à tous,

J’ai mis en place sur ma page article une boucle permettant d’afficher un menu déroulant (rubrique => sous-rubriques => articles) correspondant à la hiérarchie de l’article lu :

<ul>                            
                            <BOUCLE_ariane2(HIERARCHIE){id_rubrique}>
                                    <li>[(#TITRE)]</li>
                                    	<ul>
                                        	<li>
                                            <BOUCLE_sous_rubriques21(RUBRIQUES) {id_parent} {par num titre}>
                                            	<ul>
                                                	<li>
                                                    <h2 class='menuY'><a href="#" style="color:#009">[(#TITRE)]</a></h2>
                                                    	<div class="divY">
                                                        	<BOUCLE_articles_sous_rubriques21(ARTICLES) {id_rubrique} {par num titre}>
                                                            	<ul>
                                                                	<li><a href="#URL_ARTICLE" style="color: #0C0">[(#TITRE)]</a></li>
                                                                </ul>
                                                            </BOUCLE_articles_sous_rubriques21>
                                                         </div>
                                                    </li>
                                                </ul>    
                                            </BOUCLE_sous_rubriques21>
                                            </li>
                                         </ul>
                            </BOUCLE_ariane2>

                    </ul>

J’y ai ajouté du Jquery pour mettre en place les effets "slideUp" et "slideDown".

<script language='javascript'>
$(document).ready(function() {
  $('.divY').hide(); // on commence par masquer toutes les div de contenu
  
	
	$('.menuY').click(function() { // action sur clics d'Ã©lÃ©ment de classe menuAccordeon
			
			$(this).siblings('div:visible').slideUp(); // on enroule les frÃ¨res "divAccordeon"
				if($(this).next('div:hidden')){
					$(this).next('div:hidden').slideDown();
				}	 	
    			
  	});


});
</script>

Je cherche à présent (et depuis un bon moment) à ce que le block correspondant à l’article lu et uniquement celui-ci soit ouvert et ajouter une couleur différente des autres à l’article en cours de lecture.

Cela est-il possible et si oui, auriez-vous des pistes ?

En espérant que vous ayez bien compris mon soucis.
Merci d’avance.

Anthony

Boucles CSS JQuery SPIP