Showing and hiding conditional HTML without Javascript

Have you ever filled out an address form that had a checkbox for “my shipping address differs from my mailing address”? When you click that box a conditional form part gets revealed that allows you to enter another address. We had to build something very similar the other day and stumbled on a neat way to make the conditional part show and hide with CSS only.

Here is how:

2 Responses
Add your response


This technique is really good for drop down menus that should work without JavaScript!

over 1 year ago ·
E683f567 9c43 4feb b52b e9c71a0b4b6d normal

thomaslindstr_m how do I get it to work with drop downs?

over 1 year ago ·