SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
    <ul id='suckertree1'><li><a href='index.php?cPath=21'>Summer</a>
        <ul>
          <li>
            <a href='index.php?cPath=21_23'>Bikes</a>
          <ul>
           <li><a href='index.php?cPath=21_23_28'>E-Bikes</a></li>
           <li><a href='index.php?cPath=21_23_27'>Mountainroad</a></li>
           <li><a href='index.php?cPath=21_23_26'>Road Bikes&nbsp;(1)</a></li>
      </ul>
     </li>
    <li><a href='index.php?cPath=21_24'>Clothing</a>
    <ul>
       <li><a href='index.php?cPath=21_23_28'>Gloves</a></li>
       <li><a href='index.php?cPath=21_23_27'>Shoes</a></li>
       <li><a href='index.php?cPath=21_23_26'>Protection</a></li>
  </ul>

</li>
    </ul>
    </li>
    <li>
    <a href='index.php?cPath=22'>Winter</a>
    </li>
    </ul>

CSS

ul ul { padding-left: 20px; }

JavaScript

$(function() {
      $("ul#suckertree1 li ul li ul").hide();
      $("ul#suckertree1 li ul li:has(ul) > a").click(function(e) {
        $(this).siblings('ul').slideToggle();
        e.preventDefault();
      });
    });