Toggle slide only to the children elements

by Naresh

HTML

<ul>
    <li class="cat">Category1
        <ul>
            <li>Sub Category1</li>
            <li>Sub Category2</li>
            <li>Sub Category3</li>
        </ul>
    </li>
    <li class="cat">Category2
        <ul>
            <li>Sub Category1</li>
            <li>Sub Category2</li>
            <li>Sub Category3</li>
        </ul>
    </li>
    <li class="cat">Category3
        <ul>
            <li>Sub Category1</li>
            <li>Sub Category2</li>
            <li>Sub Category3</li>
        </ul>
    </li>
</ul>

CSS

li{
    list-style: none
}

JavaScript

$('.cat').click(function(){
    $(this).children().closest('ul').slideToggle();
});