show/hide child elements of <li> with javascript

[clags]

I have a razor loop on my .cshtml page in my mvc 4 project and I need to show hide the children of a list within this razor loop.The code works for the first element but not for the rest..cshtml code\[code\]<ol> @foreach (var Name in (List<string>)ViewData["Names"]) { <li onclick="makevisible();" ondblclick="makeinvisible();"> @Name <ul id="list" class="list"> <li>childWichNeedsToBeHidden</li> </ul> </li> }</ol>\[/code\]My javascript: \[code\]function makevisible() {$('#list').show();}\[/code\]and: \[code\]function makeinvisible() {$('#list').hide();}\[/code\]My css: \[code\].list {display:none;}\[/code\]