ul，li列出了不适当的扩展

Question

看到我有这个内联阻止列表，我想在手机的小屏幕中垂直显示它，问题是ul没有适当扩展。 我有这种层次结构：

div
 ul
   li (1)
      ul
         li
         li
         li
   li (2)
      ul
         li
         li
         li

当我按下li（1）时，它下面的ul会扩展，但是li（2）保持在它的位置，但是它应该在展开的项目下本地化，我添加了一张图片，我希望它会让我的查询清晰。 enter image description here

我应该将哪个显示添加到外部div或外部ul，以使此列表显示为适当的层次结构。