我有一个列表,其中每个项目都有一个子列表。为了给它们设置样式,我使用了 CSS。
<ul class="left">
<li class="itemc">Item 1
<ul class="subitem">
<li>Subitem1</li>
<li>Subitem2</li>
<li>Subitem3</li>
<li>Subitem4</li>
</ul>
</li>
<li class="itemc">Item 2
<ul class="subitem">
<li>Subitem1</li>
<li>Subitem2</li>
<li>Subitem3</li>
<li>Subitem4</li>
</ul>
</li>
<li class="itemc">Item 3
<ul class="subitem">
<li>Subitem1</li>
<li>Subitem2</li>
<li>Subitem3</li>
<li>Subitem4</li>
</ul>
</li>
<li class="itemc">Item 4
<ul class="subitem">
<li>Subitem1</li>
<li>Subitem2</li>
<li>Subitem3</li>
<li>Subitem4</li>
</ul>
</li>
</ul>
整个脚本可以在这里找到
我的问题是当我按下主列表中的一个项目时,会显示子列表,但主列表中的其他项目会一个接一个。我应该如何或修改什么以使其工作?我的意思是,当单击一个项目时,要显示的子列表以及要与子列表末尾对齐的下一个项目?