создание многоуровневых раскрывающихся списков на jquery

	
	
	 
      ‹script type="text/javascript">
      $(function(){
        $('li:has(ul.li-slider)')
          .click(function(event){
            if (this == event.target) {
              if ($(this).children().is(':hidden')) {
                $(this)
                  .css('list-style-image','url(minus.gif)')
                  .children().slideDown();
              }
              else {
                $(this)
                  .css('list-style-image','url(plus.gif)')
                  .children().slideUp();
              }
            }
            return false;
          })
          .css({cursor:'pointer',
                'list-style-image':'url(plus.gif)'})
          .children().hide();
        $('li:not(:has(ul.li-slider))').css({
          cursor: 'default',
          'list-style-image':'none'
        });
      });
    ‹/script>



	

        
Авто
			

				
1
				
2
				
3
				
4
				
ul ниже не будет раскрываться для того чтобы он мог раскрываться добавьте ему class="li-slider"
					

						
1
						
2
						
3
						
4
						
5
					
				
			

		
      

пример

• Авто
  • 2
    • 1
      • 1
      • 2
      • 3
      • 4
      • 5
    • 2
      • 1
      • 2
      • 3
      • 4
      • 5
    • 3
      • 1
      • 2
      • 3
      • 4
      • 5
    • 4
      • 1
      • 2
      • 3
      • 4
      • 5
    • 5
      • 1
      • 2
      • 3
      • 4
      • 5