仅当其他div被隐藏时，jQuery滑动切换

我不熟悉jQuery和Javascript，但在slideToggle方面遇到了问题。我有一个网站，当页面加载时，它的正文是可见的，下面是3个li项目。单击每个li项将打开一个隐藏的div以显示其内容

我想要的是正文文本滑动切换关闭并保持关闭，只要任何隐藏的div可见。现在，每次单击任何li项时，正文文本都会切换

这是我的html

<div class="dropdown-container-tv">
<h1>TV Commercials</h1>
[wooslider autoslide="false" slide_page="tv-commercials" slider_type="slides" limit="15" thumbnails="default" order="ASC" order_by="date"] 
<a class="close-dropdown" id="close-tv" href="#non">Close playback window</a>
</div><!-- end dropdown -->

<div class="dropdown-container-sales">
<h1>Sales/Web Videos</h1>
[wooslider autoslide="false" slide_page="sales-videos" slider_type="slides" limit="15" thumbnails="default" order="ASC" order_by="date"]
<a class="close-dropdown" id="close-sales" href="#non">Close playback window</a>
</div><!-- end dropdown -->

<div class="dropdown-container-radio">
<h1>Radio Spots</h1>
[wooslider autoslide="false" slide_page="radio-spots" slider_type="slides" limit="15" thumbnails="default" order="ASC" order_by="date"]
<a class="close-dropdown" id="close-radio" href="#non">Close playback window</a>
</div><!-- end dropdown -->

<div class="copy-container">
<div class="content-header">
<h1>Our Razor-Sharp Work</h1>
</div>
Beard Boy delivers:
<ul class="full-width-list">
<li>Agency-experienced professionals who come up with creative advertising solutions that work.</li>
<li>Skilled producers adept at keeping costs low while giving you more spot for your money.</li>
<li>Hollywood and Southern California-based actors, voice talent, directors, editors and composers that bring added value to your project.</li>
<li>A track record of success writing and producing over 600 projects for all kinds of clients, all across America.</li>
</ul>
</div>
<ul class="portfolio-links">
<li><a class="tv" id="dropdown-tv" href="#non">TV Commercials</a></li>
<li><a class="radio" id="dropdown-radio" href="#non">Radio Spots</a></li>
<li><a class="sales" id="dropdown-sales" href="#non">Sales/Web Videos</a></li>
</ul>

---

有没有一个简单的方法可以做到这一点？非常感谢您的帮助。

您能创建一个jsfiddle.net或jsbin.com游乐场吗？使用

if（$（选择器）.css（'display'）='none'）

检查是否隐藏，我用.is（':visible'）来确定它是否存在。谢谢你的回复，很抱歉我没有早点给你回复。

(function($){

    /* trigger when page is ready */
    $(document).ready(function(){

        /* slideToggle Dropdown */
        $('#dropdown').on('click',function(){

              $('.dropdown-container').slideToggle();

        });

        $('#close').on('click',function(){

              $('.dropdown-container').slideToggle();

        });

        /* Tv */
        $('#dropdown-tv').on('click',function(){

              $('.dropdown-container-tv, .copy-container').slideToggle();

        });

        $('#close-tv').on('click',function(){

              $('.dropdown-container-tv, .copy-container').slideToggle();

        });

        /* Radio */
        $('#dropdown-radio').on('click',function(){

              $('.dropdown-container-radio, .copy-container').slideToggle();

        });

        $('#close-radio').on('click',function(){

              $('.dropdown-container-radio, .copy-container').slideToggle();

        });

        /* Sales */
        $('#dropdown-sales').on('click',function(){

              $('.dropdown-container-sales, .copy-container').slideToggle();

        });

        $('#close-sales').on('click',function(){

              $('.dropdown-container-sales, .copy-container').slideToggle();

        });