Html + Css in one page for a toggle button without javascript

Question

As the title said I am a newbie who's trying to merge an Html with a Css because the website I am using (getresponse) won't let me upload a different .css file. Surely I am doing something wrong, but here is the html:

#cont {
  display: none;
}

.show:focus+.hide+#cont {
  display: block;
}

<div>
  <a href="#show" class="show">[Show]</a>
  <a href="#hide" class="hide"></a>
  <div id="cont">Content</div>
</div>

How do I do it? I tried writing the .css first but nope.

Alexanderbira · Accepted Answer · 2020-07-20 14:58:58Z

1

You add CSS code in the style tag:

<style>
#cont {display: none; }
          .show:focus + .hide + #cont {display: block;}
</style>

answered Jul 20, 2020 at 14:58

Alexanderbira

4644 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matteo Busseni Over a year ago

It was really that easy? Shame on me 🐄🐄 Thank you so much, now it works

Collectives™ on Stack Overflow

Html + Css in one page for a toggle button without javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related