Javascript jquery在两个按钮之间切换

我试图用jquery制作一个简单的菜单，但似乎我做错了什么，谁能告诉我我做错了什么。。。我检查了其他线程，但我找不到这个问题的解决方案，谢谢你们的时间

    <nav id="header">
    <ul>
    <li class="one"><a href="#">one</a></li>
    <li class="two"><a href="#">two</a></li>
    </ul> 
    </nav>   
    <div class="one-div">
    <div>
    <h1>title</h1>
    <p>text here</p>
    </div>
    </div>
    <div class="two-div">
    <div>
    <h1>title</h1>
    <p>text here</p>
    </div>
    </div>
    </code>

    // in the css of the div i got the display:"none";

    $('.one').click(function() {
    if ($(".one-div").is(":hidden")) {
    $(".one-div").slideDown("slow");
    } else {
    $(".one-div").hide();
    }
    });

    $('.two').click(function() {
    if ($(".two-div").is(":hidden")) {
    $(".two-div").slideDown("slow");
    } else {
    $(".two-div").hide();
    }
    });

标题
此处文本

标题
此处文本

//在div的css中，我得到了显示：“none”； $（'.one'）。单击（函数（）{ 如果（$（.one div）为（“：隐藏”））{ 美元（“.1 div”）。向下滑动（“慢速”）； }否则{ $（“.one div”）.hide（）； } }); $（'.two'）。单击（函数（）{ 如果（$（“.two div”）是（“：hidden”））{ 美元（“.two div”）。向下滑动（“慢速”）； }否则{ $（“.two div”）.hide（）； } }); CSS

.one { display:block; }
.two { display:none; }

JS

CSS

.one { display:block; }
.two { display:none; }

JS

---

不能有两个ID相同的元素

标题
。有什么问题吗？单击第一个元素，我希望在显示第二个元素之前将其隐藏。。。这是我的主要问题：）你不能有两个ID相同的元素
标题
。你有什么问题？单击第一个我想在显示第二个之前隐藏它。。。这是我的主要问题：）
。一个
和
。一个div
不是一回事。
。一个
和
。一个div
不是一回事。