如何从外部链接更改标记的css

作者

我在标签中有一个菜单，名为sf menu

我需要在单击链接时将可见性更改为none，再次单击时将其切换回原来的状态

我可以只用CSS实现这一点，还是需要JavaScript

希望有人能帮我举个例子

.sf菜单{可见性：可见}
&lt；a class=“closed”href=“”&gt；开关&lt/a&gt；
  1. 您可以使用input type=’checkbox’进行输入：

http://jsfiddle.net/gSPqX/1/

&lt；输入type=“checkbox”style=“display:none”id=“cb”&gt；
&lt；=“cb”的标签&gt；单击此处&lt/标签&gt；
&lt；部门&gt；
你好这是一些东西。
&lt/部门&gt；
  1. 使用还有一个更好的解决方案：target
\menu.menu{
显示：无；
}
#菜单：目标。菜单{
显示：块；
}
#菜单：目标。菜单打开{
显示：无；
}
#菜单，菜单关闭{
显示：无；
}
#菜单：目标。菜单关闭{
显示：块；
}
&lt；div id=“菜单”&gt；
&lt；a href=”“class=“菜单打开”&gt；打开菜单&lt/a&gt；
&lt；a href=”“class=“菜单关闭”&gt；关闭菜单&lt/a&gt；
&lt；div class=“菜单”&gt；
你好这是一些东西。
&lt/部门&gt；
&lt/部门&gt

相关文章：

  1. 如何使浮动元素居中？
  2. 用于Firefox的自定义CSS滚动条
  3. 大纲对文本的影响
  4. 如何调整单个flexbox项（覆盖调整内容）[重复]

发表评论

© 2024 开发百科-程序代码问答平台 • Built with