Question

154

jQuery show submenu if parent have been clicked

rated 0 times [ 158] [ 4] / answers: 1 / hits: 28723 / 13 Years ago, tue, november 22, 2011, 12:00:00

Could some one please help with code.

I want to show the submenu only when submenu parent is clicked.

HTML

<ul>

<li><a href=#>Item</a></li>

<li><a href=#>Item</a>

    <ul class=sub-menu>

        <li><a href=#>Submenu</a></li>

        <li><a href=#>Submenu</a></li>

    </ul>

</li>

<li><a href=#>Item</a></li>

<li><a href=#>Item</a>

    <ul class=sub-menu>

        <li><a href=#>Submenu</a></li>

        <li><a href=#>Submenu</a></li>

    </ul>

</li>

<li><a href=#>Item</a></li>

</ul>

So if you click on the parent submenu will show.

Here is fiddle link - http://jsfiddle.net/KhNCV/1/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tonisandyp

Add To Favorites

Follow

Total Points: 694

Total Questions: 97

Total Answers: 77

Location: British Indian Ocean Territory

Member since Tue, Feb 22, 2022

2 Years ago

answered 13 Years ago bradleymoisesy · Accepted Answer

$('.sub-menu').hide();



$(li:has(ul)).click(function(){



$(ul,this).slideDown();

});

http://jsfiddle.net/3nigma/KhNCV/2/

OR

$('.sub-menu').hide();



$(li:has(ul)).click(function(){



$(ul,this).toggle('slow');

});

http://jsfiddle.net/3nigma/KhNCV/4/