0

我试图弄清楚如何做到这一点......我有 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。有任何想法吗？谢谢！

4

2 回答 2

1

JQuery 擅长做他的事情。这看起来是一个不错的起点： http: //papermashup.com/simple-jquery-showhide-div/

于 2013-07-20T20:41:53.380 回答
0

您似乎在寻找下拉菜单。你可以做到这一点：用 Javascript + css 编码（使用像 jQuery 这样的框架会更容易）；用 Css ; 下载插件

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

您可以在此处仅使用 css 检查如何执行此操作：

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

于 2013-07-20T20:57:15.220 回答