javascript - 如何使用 jQuery 显示新内容

Question

基本上这就是CODE 但由于某种原因它不会显示新内容，如果有人帮助我，我将不胜感激。

我希望能够在单击按钮后显示新内容， 请查看完整代码

html

<section class="showr">
    <a rel="external" href="#button" id="button" class="button">&#xF011;</a>
    <span></span>
</section>
<p class="hidn"> Welcome To a Crazy World</p>`

jquery

$(document).ready(function(){
    $('#button').click(function(){
        $(this).toggleClass('on');
    });
});

Answer 1

$('#button').click(function(){ ... }); 中的所有内容都会在单击按钮时执行，因此您需要在该函数中添加显示的代码另一个元素。

$(document).ready(function(){
    $('#button').click(function(){
        $(this).toggleClass('on');
        $('p.hidn').show();
    });
});

但也许您的意思是您想要切换该内容？

$('p').toggleClass('hidn');

注意，这会影响页面上的其他段落。您可能想要为内容提供一个 ID 并定位该 ID。