Discussion :

[noobyyy]

Bonsoir !

j'aimerai faire une modification d'un code source mais j'ai dû mal à réussir !

je m'explique j'aimerai faire une liste de trie (treeview) en Jquery. Tout fonctionne très bien, sauf que j'aimerai afficher par défaut le début le 1er li.

Voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$('.tree li').each(function(){
        if($(this).children('ul').length > 0){
                $(this).addClass('parent');    
        }
});
 
$('.tree li.parent > a').click(function(){
        $(this).parent().toggleClass('active');
        $(this).parent().children('ul').slideToggle('fast');
});

j'aimerai laissé ouvert la 1ere balise c'est à dire test 1

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<div class="tree">
    <ul>
         <li><a>Test 1</a>
            <ul>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
            </ul>
        </li>
         <li><a>Test 2</a>
            <ul>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
            </ul>
        </li>  
         <li><a>Test 3</a>
            <ul>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
	            <li><a>Second Level</a></li>
            </ul>
        </li>                                  
    </ul>
</div>
</div>

j'ai essayé avec $('.tree li.parent:first') mais comment faire ?

Merci à vous !!

[danielhagnoul]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$( function(){
 
	$( ".tree li" ).each( function( i, item ){
		if ( $( item ).children( 'ul' ).length > 0 ){
			$( item ).addClass( 'parent' );    
	    }
 
	    if ( i == 0 ){
	    	$( item ).children( "ul" ).slideToggle( 'fast' );
	    }
	});
 
	$( ".tree li.parent > a" ).on( "click", function(){
		$( this )
			.parent()
			.toggleClass( 'active' )
			.children( 'ul' )
			.slideToggle( 'fast' );
	});
 
});

[noobyyy]

Vraiment merci pour cette aide

[Lorenzo77]

salut,
si tu veuxc cibler le 1er LI, suffit de viser :

Code :

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

.tree > UL > LI:first-child

[noobyyy]

ok merci

[fatis17]

Bonjour,

Ce code ne marche que pour Firefox , est-ce normal ?

Cdlt,
Fatis

[NoSmoking]

Bonjour,

Ce code ne marche que pour Firefox , est-ce normal ?

sur quelle version de IE travailles tu et quelle version jQuery utilises tu?

[fatis17]

J'ai essayé sur Chrome a vrai dire, et j'utilise jquery.js , peut être prendre la dernière version alors.