JavaScript.click() 不改变 CSS “显示”属性

Question

I'm trying to make a navigation bar which on click to make visible a div that has been previously hidden with display: none . Below is what I have till now:

Navigation bar:

 $(document).ready(function() { $('#home').click(function() { $('.site-content').html($('#home_wrap')); }); $('#skills').click(function() { $('.site-content').html($('#skills_wrap')); });

 #home_wrap, #skills_wrap { display: none; }.site-content { max-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

 <div class="nav__content"> <ul class="nav__list"> <li class="nav__list-item" id="home" href="#">Home</li> <li class="nav__list-item" id="skills" href="#">Skills</li> </ul> </div>

As this is an old project, I think the navigation used to work but now it's not.

Answer 1

Try to use: $('#home_wrap').show()