Liste treeview afficher 1er élément

Version imprimable

Bonsoir ! 8-)

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:

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:

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

Merci à vous !!

Code:

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

20/04/2013, 23h21
noobyyy

Vraiment merci pour cette aide :ccool:
21/04/2013, 00h01
Lorenzo77

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

Code:

.tree > UL > LI:first-child
21/04/2013, 17h00
noobyyy

ok merci :P
28/10/2013, 17h00
fatis17

Bonjour,

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

Cdlt,
Fatis
28/10/2013, 18h52
NoSmoking

Bonjour,

Citation:

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

sur quelle version de IE travailles tu et quelle version jQuery utilises tu?
29/10/2013, 09h12
fatis17

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