Всем привет !
Вот работающий код
<head>
<link rel="stylesheet" href="css/style.css">
</script><script src="; type="text/javascript" > </script>
<script type="text/javascript">
$( document ).ready( function( ) {
$( '.tree li' ).each( function() {
if( $( this ).children( 'ul' ).length > 0 ) {
$( this ).addClass( 'parent' );
}
});
$( '.tree li.parent > a' ).click( function( ) {
alert($(this).attr('id'));
$( this ).parent().toggleClass( 'active' );
$( this ).parent().children( 'ul' ).slideToggle( 'fast' );
});
$( '#all' ).click( function() {
$( '.tree li' ).each( function() {
$( this ).toggleClass( 'active' );
$( this ).children( 'ul' ).slideToggle( 'fast' );
});
});
});
</script>
</head>
<body>
<div class="tree">
<button id="all">Toggle All</button>
<ul>
<li id = "1"><a>First Level</a>
<ul>
<li><a>Second Level</a></li>
<li><a>Second Level</a></li>
<li><a>Second Level</a></li>
</ul>
</li>
<li id = "2"><a>First Level</a>
<ul>
<li><a>Second Level</a>
<ul>
<li><a>Third Level</a></li>
<li><a>Third Level</a></li>
<li><a>Third Level</a>
</li>
</ul>
</li>
<li><a>Second Level</a></li>
</ul>
</li>
<li id = "3"><a>First Level</a>
<ul>
<li><a>Second Level</a></li>
<li><a>Second Level</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
Как получить значение ID выбранного элемента
