Question

所以我在这里有一些代码，当我按下文本被隐藏的按钮时它完美地工作，当我按下显示它显示。我想知道是否有办法让它在开始时隐藏起来？我正在做一个演示文稿，所以我想逐个浏览并逐个显示内容，而不是先显示所有内容，然后点击“隐藏”来隐藏它。提前致谢。

            <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>

Answer 1

在你的css中：

aside
{
    display:none;
}

请参阅： jsfiddle

Answer 2

尝试使用inline-css

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

如何使默认的jQuery隐藏

2 个答案: