Activate Label and Link with one click
<p>I want to make one click activate both, label and link, because my menu works with links and moves to the correct point of the page, but the label has to activate the button which makes the content enlarge and close the menu. 
I tried it with:</p>

<pre><code>&lt;label for="thebutton"&gt;&lt;a href="#boxwithcontent"&gt;Click me&lt;/a&gt;&lt;/label&gt;
</code></pre>

<p>But that only activates the link or the label (if the label area is bigger). See what i mean <a href="https://jsfiddle.net/0d58f3eo/" rel="nofollow">here</a>.</p>

<p>Probably the hardest problem will be that I don´t want to use jquery.</p>

<p>I think a possibility would either be to control the scroll via radio buttons or control the radio button via the link, but I can´t find any way to do that.</p>

<p>Thanks for any efforts</p>

<p>Tim</p>