Viewer can see spoiler for a split-second while DOM loading?

Hey Dennis,

This actually isn't an issue at all. What you said about the location of the script is correct, and that is where it should be. When a page loads, we typically don't want to wait for the JavaScript to load before the rest of the page. That would take too long, and it's not necessary since JavaScript creates the interactivity of our page and we can't interact with it until it's loaded.

I'm assuming that in the video, the spoiler is being hidden with jQuery so that there isn't any interaction with the CSS, and the lesson is purely in jQuery (but I have no idea, I could be totally wrong). That said, in production, you would definitely want to hide the element with CSS and use jQuery to show it to avoid the user seeing the hidden element temporarily.

When I come across showing/hiding elements in real-life scenarios, what I like to do is use a show/hide class in CSS, and toggle that class with JavaScript.

.spoiler span {
    display: none;
}

.spoiler span.show {
    display: block;
}

$('button').click(function() {
    $('.spoiler span').toggleClass('show');
});