如何隐藏默认jQuery

我这里有一些代码，当我按下按钮时，文本是隐藏的，当我按下show时，它会显示出来。我想知道是否有一种方法可以让它在一开始就隐藏起来？我正在做一个演示，所以我想逐一浏览并显示内容，而不是先显示所有内容，然后单击“隐藏”将其隐藏。提前谢谢

            <h1 class="c"> Gaming </h1>
    </header>
    <ul>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(document).ready(function(){
        $("#hide").click(function(){
        $("aside").hide();
        });

        $("#show").click(function(){
        $("aside").show();
        });
        });
    </script>

    </head>
    <aside>
    <p>If you click on the "Hide" button, I will disappear.</p>

    </aside>
        //updated code below
        <button id="hide">Hide</button>
        <button id="show">Show</button>
        <li><a href=""> 
            <!--<ul>-->Link<!--</ul>-->
        </a>
        </li>
        <li><a href=""> 
            <!--<ul>-->Link<!--</ul>-->
        </a>
        </li>
        <li><a href=""> 
            <!--<ul>-->Link<!--</ul>-->
        </a>
        </li>
    </ul>
    </section>
    </nav>

游戏

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“旁白”）.hide（）；
});
$（“#显示”）。单击（函数（）{
$（“旁白”）.show（）；
});
});

在css中：

aside
{
    display:none;
}

请参见：

尝试使用内联css

<asside id="help" style="display:none">hide</asside>

隐藏

这是可行的，但是它隐藏了我在页脚之前的所有内容（将使用要显示的其余代码更新我的OP）。我认为更简单的方法是，当用户单击“显示”时，它只显示文本，有没有办法做到这一点？@user3081157-请参阅更新，我添加了一个JSFIDLE