Jquery list within a list menu

Question

So I would like to build a unsorted list and and another unsorted list within it so there is a basic menu functionality.

I basically need to know how to have Jquery access the elements so when a main level item is clicked, its children show.

So for example:

<ul class="category-links">
<li>
        <span>Category 1</span>             
        <ul class="sub-category-links">
           <li>Sub-category 1</li>
           <li>Sub-category 2</li>
           <li>Sub-category 3</li>
        </ul>
    </li>   
</ul>

I might have several of these. Essentially I set the subcategories to display:none and I want Jquery to allow for when I click on the "category-links", only its children are displayed.

Thanks!

Nikita Ignatov · Accepted Answer · 2011-07-24 01:05:19Z

1

You can do something like this:

$('.category-links li').click(function(){
  $(this).find('.sub-category-links').show();
});

answered Jul 24, 2011 at 1:05

Nikita Ignatov

7,2532 gold badges38 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery list within a list menu

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related