我有一个菜单和三个隐藏的div显示取决于用户选择的选项.我想仅使用CSS显示/隐藏它们.我现在正在使用jquery,但是我希望它可以在禁用js的情况下访问.有人在这里为其他人提供了这个代码,但它只适用于div:hover或div:active,当我将其更改为div时:访问它不起作用.我需要添加一些东西,或者这可能不是正确的方法吗？我感谢任何帮助:)
事情是我的客户希望这个特定的div在选择菜单时滑动/淡出,但我仍然希望它们在关闭javascript时正确显示.也许z-index可以做到这一点......？
我一直在寻找一个很好的技巧来制作一个隐藏/显示内容或只有CSS和没有javascript的列表.我设法做了这个动作:
<!DOCTYPE html>
<head>
<style>
#cont {display: none; }
.show:focus + .hide {display: inline; }
.show:focus + .hide + #cont {display: block;}
</style>
</head>
<body>
<div>
<a href="#show"class="show">[Show]</a>
<a href="#hide"class="hide">/ [Hide]</a>
<div id="cont">Content</div>
</div>
</body>
</html>
在这里演示:http://jsfiddle.net/6W7XD/ 并且它正在工作但不是应该的.问题出在这里:当显示内容时,您可以通过单击"页面上的任意位置"来隐藏它.如何禁用它？如何通过单击隐藏"仅"隐藏内容？先感谢您!