相关疑难解决方法(0)

我有一个菜单和三个隐藏的div显示取决于用户选择的选项.我想仅使用CSS显示/隐藏它们.我现在正在使用jquery,但是我希望它可以在禁用js的情况下访问.有人在这里为其他人提供了这个代码,但它只适用于div:hover或div:active,当我将其更改为div时:访问它不起作用.我需要添加一些东西,或者这可能不是正确的方法吗？我感谢任何帮助:)

事情是我的客户希望这个特定的div在选择菜单时滑动/淡出,但我仍然希望它们在关闭javascript时正确显示.也许z-index可以做到这一点......？

出于测试目的，我正在研究一种解决方案，该解决方案允许我仅使用一个按钮来显示和隐藏特定的 div（基于 id）。

jsifddle 在这里： 链接到代码

代码如下所示：

CSS

body {
  font-family:'Trebuchet MS', sans-serif;
  font-size:0.5em;
  text-align:center;
}

.container {
  padding:1em;
  margin:0 auto;
  background:#efefef;
}

#added-value-1 {
  display:none;
}

#added-value-1:target {
  display:block;
}

#expand-btn-1 {
  margin:2em auto;
  text-align:center;
  padding:1em 2em;
  font-weight:bold;
  background:orange;
  display:inline-block;
}

HTML

<div class="container">
<h1>
Container for testing purposes. Below content will show/hide upon button click
</h1>
<p id="added-value-1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dapibus maximus mattis. Nam id gravida lorem, ac egestas nunc. Proin …