The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Need my div to stay when inside my div is clicked.

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #269189

    I found a code to show and hide content. It is a very easy code but the content disappears even if you click on the content in the box. There is no js just CSS. Please help me fix this problem.


    Your demo uses :focus to reveal content, which unfortunately means that when a second element receives focus, the focus is inevitably removed from the first element and the content hides again. There is no way to “fix” this behaviour. :focus is just doing what it’s supposed to do.

    A different way to do things, using CSS, would be with the :checked selector (checkbox hack) Or the :target selector. Examples of each can be found here But I suggest you research each selector to understand more about their behaviours and suitability of use in various situations, i.e. what you can/can’t, should/shouldn’t do with them.

    Otherwise, use JavaScript. A quick Google search for “show hide div with JavaScript” brings up many examples.


    Maybe you can use the CSS property from this article: Then you should be able to click on items within a container as long as the focus is in that specific container.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.