tl;dr: jumps to the top of the page in DNN. Additionally, :target CSS styles don't apply when links are selected.
I have the following code:
<style><br /> .main { opacity: 0; } .main:target { opacity: 1; } </style> click me! hide me!
Outside of DNN, this code works fine. "main" appears when you click "click me!". Likewise, when you click "hide me!", main disappears. However, inside DNN it is a different story. Nothing appears when you click "click me!", and clicking "hide me!" scrolls the site to the top of the page. Anyone know why my act this way only in DNN?
I guess the editor is rendering my HTML. I'll add extra spaces to prevent it from rendering. Here's what I wrote originally:
<style><br /> ~This didn't render so look at the previous post to see </style>
< a href="#appear" > click me! < / a > < a href = "#" > hide me! < / a>
< div class="main" id="appear" > appear!
These Forums are dedicated to the discussion of DNN Platform.
For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:
Awesome! Simply post in the forums using the link below and we'll get you started.