Javascript 所选列表项显示asp.net mvc中的子项

我有一些代码，如果选择了3-4项中的一项，我将尝试列出两个子项。它需要在如下代码中工作：

<div class="chartnavigator clear-fix">
<span class="label float-left">KPIs</span>
<ul class="chartlist float-left">
    @foreach (var item in Model.AvailableCharts) {
        var classname = "float-left";                        
        if (item.ChartName == Model.DefaultChart.ChartInfo.ChartName) {
            classname += " selected";
        }
        if (item.ChartName == "VTF")
        {
            <li class="@classname"><a href="javascript:void(0);">@item.ChartDummyName</a></li>
        }
        else
        {
            <li class="@classname"><a href="javascript:void(0);">@item.ChartName</a></li>
        }

    }
</ul>

如果我有4个列表项，一个是ABC、FTG、JNB和VTF。然后根据上面的代码，如果我想为前3个添加2个子列表项，比如123和456，那么我想我可以嵌入另一个if/else，比如：

                            if (item.selected == "true")
                            {
                            <ul class="subchartlist float-left">
                                <li class="@classname"><a href="javascript:void(0);">Actual</li>
                                <li class="@classname"><a href="javascript:void(0);">LTD</li>
                            </ul>
                            }
                            else
                            {

                            } 

这似乎不起作用，我希望能给大家一些想法。基本上需要检查是否选择了li，然后显示子项

因此，需要明确的是，顶级列表项始终显示，并且在本例中，选中的列表项顶级菜单高亮显示。其他人则被屏蔽。在这种情况下，仅2个子列表项将显示相同的行为

这张图现在只显示了一行列表项

这就是我想要的，它显示了2个子项，其中一个子项高亮显示

---

谢谢大家提供的帮助。

有人能补充一下吗？