Collapsing and showing li items

Question

Hi,

I have a requirement.In this an <ul> contains multiple <li> items in a view page in MVC.

 

There is an <li> item which is shown by default during the page load.

When user clicks on search button all the <li> items means all the menu items are opening.

 

How to solve this by making only particular menu item should be shown as opened during

button click.How to solve this using JQuery?