Javascript 显示两个不同div的两个按钮

我的jQuery代码有问题。我想点击其中一个预览文本，属于该按钮，另一个最终被关闭

文本应该使用

slideDown（）

向下移动，然后使用

slideUp（）

消失。它如何才能适应它，而不是搞得一团糟

HTML:

---

代码已打开。

如果您了解要对这些列表执行的操作，则下面的示例中不会出现混乱

$（文档）.ready（函数（）{
$（“.ata pdf wrapper.ata btn video”）。单击（函数（ev）{
变量$currentTarget=$（ev.currentTarget）；
if（$currentTarget.hasClass（“活动”））{
$（“.ata视频”）.slideUp（500）；
$（“.entry content”）.removeClass（“shadow”）；
$currentTarget.removeClass（“活动”）；
}否则{
$currentTarget.addClass（“活动”）；
$（“.ata视频”）。向下滑动（500）；
$（“.entry content”）.addClass（“shadow”）；
};
});
$（“.ata pdf wrapper.ata btn pdf”）。单击（函数（ev）{
变量$currentTarget=$（ev.currentTarget）；
if（$currentTarget.hasClass（“活动”））{
$（“.ata下载”）.slideUp（500）；
$（“.entry content”）.removeClass（“shadow”）；
$currentTarget.removeClass（“活动”）；
}否则{
$currentTarget.addClass（“活动”）；
$（“.ata下载”）。向下滑动（500）；
$（“.entry content”）.addClass（“shadow”）；
};
});
});
.ata pdf包装器a{
显示：内联块；
背景:#55d239；
边界半径：20px；
文本对齐：居中；
边框：2倍实心#fff；
光标：指针；
}
.ata pdf包装器a>span{
浮动：左；
填充：6px 20px 5px 25px；
颜色：#fff；
}
.ata-pdf-wrapper.ata-btn-video a>span+span，
.ata-pdf-wrapper.ata-btn-pdf a>span+span，
.ata pdf包装器a>span+span{
浮动：对；
宽度：11px；
高度：18px；
填充：10px 10px 10px 18px；
左边框：1px实心#45bd2a；
}
.ata pdf包装器a:悬停，
.ata-pdf-wrapper.active a{
边框：2个实心#309319；
}
.ata-pdf-wrapper.ata-btn-video{
右：200px；
}
.ata下载，
.ata视频{
显示：无；
}



















在问题本身中发布代码，而不仅仅是在外部链接上。人们不应该离开这个网站去看你的问题是什么
<div class="ata-pdf-wrapper ata-btn-video">
    <a title="Videos">
        <span>Videos</span>
        <span> </span>
    </a>
</div>
<div class="ata-pdf-wrapper ata-btn-pdf">
    <a title="Download PDF">
        <span>Download</span>
        <span> </span>
    </a>
</div>
<br/>
<br/>
<div class="ata-media-wrapper">
    <div class="ata-downloads">
        <ul>
            <li>
                <a title="DQA (free)" href="http://www.ataccama.com/en/products/dq-analyzer/download.html">DQA (free)</a>
            </li>
            <li>
                <a title="Product Sheet" href="http://www.ataccama.com/dq-analyzer-product-sheet">Product Sheet</a>
            </li>
            <li>
                <a title="User Guide" href="https://ataccama.s3.amazonaws.com/documentation/9.x.x/DQA/Ataccama%20DQA%209%20User%20Guide.pdf">User Guide</a>
            </li>
            <li>
                <a title="Frequently Asked Questions" href="https://ataccama.s3.amazonaws.com/documentation/9.x.x/DQA/DQA%209%20FAQ.pdf">Frequently Asked Questions</a>
            </li>
        </ul>
    </div>
    <div class="ata-videos">
        <ul>
            <li>
                <a title="Creating a Profile" href="https://www.youtube.com/watch?v=WC_VZ5z5q3E">Creating a Profile</a>
            </li>
            <li>
                <a title="Understanding Profiling Results" href="https://www.youtube.com/watch?v=2L35k080ovQ">Understanding Profiling Results</a>
            </li>
            <li>
                <a title="Advanced Profiling" href="https://www.youtube.com/watch?v=nQGBYkTXNPc">Advanced Profiling</a>
            </li>
            <li>
                <a title="Email Analysis" href="https://www.youtube.com/watch?v=u45G0yo9sE4">Email Analysis</a>
            </li>
        </ul>
    </div>
</div>

$(document).ready(function() {

    $(".ata-pdf-wrapper.ata-btn-video").click(function(){
        if ($(".ata-pdf-wrapper.ata-btn-video").hasClass("active")) {
            $(".ata-media-wrapper").hide();
            $(".ata-videos").fadeIn(500);
            $(".entry-content").removeClass("shadow");
            $(".ata-pdf-wrapper.ata-btn-video").removeClass("active");
        } else{
            $(".ata-pdf-wrapper.ata-btn-video").addClass("active");
            $(".ata-media-wrapper").show();
            $(".ata-videos").slideDown(500);
            $(".entry-content").addClass("shadow");
        };
    });

    $(".ata-pdf-wrapper.ata-btn-pdf").click(function(){
        if ($(".ata-pdf-wrapper.ata-btn-pdf").hasClass("active")) {
            $(".ata-media-wrapper").hide();
            $(".ata-downloads").fadeIn(500);
            $(".entry-content").removeClass("shadow");
            $(".ata-pdf-wrapper.ata-btn-pdf").removeClass("active");
        } else{
            $(".ata-pdf-wrapper.ata-btn-pdf").addClass("active");
            $(".ata-media-wrapper").show();
            $(".ata-downloads").slideDown(500);
            $(".entry-content").addClass("shadow");
        };
    });

});