Question

我想点击一下激活标签和链接，因为我的菜单使用链接并移动到页面的正确位置，但标签必须激活按钮，使内容放大并关闭菜单。我尝试过：

<label for="thebutton"><a href="#boxwithcontent">Click me</a></label>

但是只激活链接或标签（如果标签区域更大）。看看我的意思here。

可能最困难的问题是我不想使用jquery。

我认为有可能通过单选按钮控制滚动或通过链接控制单选按钮，但我找不到任何方法。

感谢您的任何努力

添

Answer 1

我可能会误解你的意图，但你可能会尝试这样的事情。

使用HTML进行快速编辑;

<label for="magicbutton">Click Me</label>
<input id="magicbutton" type="checkbox" onclick='window.location.assign("#field")'/>

<div id="field"><p>
magic text
</p></div>

和你的CSS快速编辑;

#field{
    display:none;
    position:absolute;
    top:100%;
}

input {float: left;}

input#magicbutton:checked ~ #field{
    display:block;
}

...还有一个小提琴https://jsfiddle.net/L2ywu2ta/

我没有太大改变，希望它有所帮助。欢呼声。

Answer 2

技术上不是一个链接，但有一些样式可能会归结为相同：

<form action="#boxwithcontent" method="get">
  <label>test<button type="submit">Click me</button></label>
</form>

如果您有多个表单，可以使用一个表单，并使用按钮上的formaction属性...

只需单击一下即可激活标签和链接

2 个答案: