Javascript 打开和关闭或返回（如果已打开导航）

我有一个导航，点击后我将其展开，但如果它已经展开，我们再次点击该项目，它不应该做任何事情（返回）。我有这个代码，但它不能正常工作，目前，如果我点击该项目，它会展开它，但如果我再次点击，它会关闭导航，如果我再次点击，它会展开它，但它的行为很有趣。我基本上只需要能够点击和打开，如果已经打开，什么也不做，因为我将有一个关闭按钮无论如何。 p、 “项目”是我之前在代码中定义的变量

var item = $(".nav a");
<div class="nav">
    <a href="#">Trigger</a>
    <div class="wrapSubContent">
         <div class="wrapNavtoShowHide">
            ..content..
         </div>
     </div>
</div>

item.click(function(e) {
    e.preventDefault();
    $(".wrapSubContent").slideToggle("slow", "linear", function(){
        $(".wrapNavtoShowHide").slideToggle("slow", "linear");
    });
});

var项目=$（“.nav a”）；
…内容。。
项目。单击（功能（e）{
e、 预防默认值（）；
$（“.wrapusbcontent”）.slideToggle（“慢速”，“线性”，函数（）{
$（“.wrapNavtoShowHide”）.slideToggle（“慢速”、“线性”）；
});
});

---

有人吗？

检查div是否已打开，如下图所示”

item.click(function(e) {
    e.preventDefault();
    if ( $(".wrapSubContent").is(":visible") ) {
     return
    }
        $(".wrapSubContent").slideToggle("slow", "linear", function(){
            $(".wrapNavtoShowHide").slideToggle("slow", "linear");
        });
});

或：

---

您应该检查

div

是否隐藏，然后使用

slideDown

var item = $(".nav a");
$(".wrapNavtoShowHide").hide();
item.click(function(e) {
    e.preventDefault();
    if ($(".wrapNavtoShowHide").is(":hidden")) {
        $(".wrapNavtoShowHide").slideDown("slow", "linear");
    }
});

请看一下这项工作的实际效果。

请举例说明！

var item = $(".nav a");
$(".wrapNavtoShowHide").hide();
item.click(function(e) {
    e.preventDefault();
    if ($(".wrapNavtoShowHide").is(":hidden")) {
        $(".wrapNavtoShowHide").slideDown("slow", "linear");
    }
});