Javascript 单击显示活动箭头(垂直导航?)

Javascript 单击显示活动箭头(垂直导航?),javascript,css,navigation,Javascript,Css,Navigation,在右边,我有一个折叠/展开的导航,当点击时(即“我们做什么”,显示三个以上的导航项目)显示更多的导航项目 在每个导航项目的下方/后方,您可以看到一个蓝色箭头。这个设计看起来应该和我们看到的一样 如何对其进行编码,使蓝色的活动和非活动箭头显示在每个导航项目(单词)的左侧,如我链接到的照片所示?在您的样式中,添加 padding-left: 18px; 到您的选择器 #rightside-interior li a 它将移动文本,但不会移动背景图像。太好了,谢谢!非活动箭头正在工作。但是,当单击

在右边,我有一个折叠/展开的导航,当点击时(即“我们做什么”,显示三个以上的导航项目)显示更多的导航项目

在每个导航项目的下方/后方,您可以看到一个蓝色箭头。这个设计看起来应该和我们看到的一样

如何对其进行编码,使蓝色的活动和非活动箭头显示在每个导航项目(单词)的左侧,如我链接到的照片所示?

在您的样式中,添加

padding-left: 18px;
到您的选择器

#rightside-interior li a

它将移动文本,但不会移动背景图像。

太好了,谢谢!非活动箭头正在工作。但是,当单击一个主要导航项目(“我们做什么”、“我们是谁”)时,我如何显示活动(向下箭头)箭头?如果不深入查看您的javascript,我会发现一些错误。在firefox中安装firebug并点击您的站点:有多个javascript错误可能会导致失败。此外,“活动”箭头在您单击鼠标时出现,但在您释放鼠标按钮时变回。不要使用onmousedown和onmousedup激活箭头,请使用onclick。