css - 显示和隐藏菜单(一次只显示一个)

Question

我有这样的问题，我有一个菜单，其中有一些隐藏的子内容。当用户点击导航按钮时，一些隐藏的内容会出现。那部分很好，一切正常。

我需要知道的是当我有一个显示其隐藏内容的导航项时。如果用户点击下一个导航项。我希望其他隐藏内容消失，新的隐藏内容出现。

我的灵感来自这个网站。 http://www.o2.co.uk/如果您单击导航箭头元素。在这方面的任何帮助都会很棒。顺便说一下，所有的显示和隐藏效果都在工作。

感谢任何可以提供帮助的人..

Answer 1

我假设您是在 javascript 中执行此操作。如果我在这里太初级了，请原谅我。

你的函数(如果你能贴出来，那会很有帮助)不仅需要改变你点击的元素的显示属性，还要改变它为display:none；对于任何其他人。

因此，当您单击导航项时，您的 javascript 将该列表的显示属性更改为 :block 或其他任何内容，并且还将所有其他列表更改为显示:无。这有点蛮力，因此您也可以将当前除 :none 之外的任何其他内容更改为 :none。