Question

我正在试图弄清楚如何做到这一点...我有4个div，我希望一次显示和隐藏一个。 div的链接位于一个单独的嵌套div中。这是我的代码：

<div id="container">
    <div class="roundbox">
        <ul>
            <li class="t">
                <a href="">Main</a>
            </li>
            <li class="e">
                <a href="">News</a>
            </li>
            <li class="t">
                <a href="">History</a>
            </li>
            <li class="e">
                <a href="">Contact</a>
            </li>
        </ul>
    </div>
    <div class="inceptioncontent">
        <div class="content">
            <div class="contentnest">
                <div id="1"></div>
                <div id="2"></div>
                <div id="3"></div>
                <div id="4"></div>
            </div>
        </div>
    </div>
</div>

我希望Main，News，Contact和History链接显示/隐藏contentnest div中的相应div。有任何想法吗？谢谢！

Answer 1

JQuery很擅长做他的事情。这似乎是一个很好的起点：http://papermashup.com/simple-jquery-showhide-div/

Answer 2

看来你正在寻找一个下拉菜单。你可以实现这个目标：在Javascript + css中编码（使用像jQuery这样的框架会更容易） ;用Css ;下载插件

我认为“仅限Css”是最好的方式，jQuery很酷并且下载插件是最简单的方法，但是你需要用户的资源管理器的js。

您可以在此处查看如何使用css进行操作：

https://www.grc.com/menudemo.htm

如何显示/隐藏div

2 个答案: