Jquery一次只允许打开一个toggle div

我有3个图像图标，点击后会触发一个div。Jquery不是我的母语，我遇到了一个难题。有没有办法一次只显示一个div？以下是我迄今为止的代码。我在互联网上搜寻过，但没有遇到像我这样的情况。感谢您的帮助

        <div class="row">
            <div id="callout-icons" class="large-12 large-centered columns" data-equalizer="cta">
                <div class="medium-4 small-4 columns overlay-parent container" data-equalizer-watch="cta">
                    <span class="overlay-support">Support</span>
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/Support_v2.png" class="image" />
                     <div class="overlay">
                        <div class="text show-support">Make a Gift</div>
                     </div>
                </div>
                <div class="medium-4 small-4 columns overlay-parent container" data-equalizer-watch="cta">
                    <span class="overlay-news">News</span>
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/news.png" class="image" />
                     <div class="overlay">
                        <div class="text show-news">UW News</div>
                     </div>
                </div>  
                <div class="medium-4 small-4 columns overlay-parent container" data-equalizer-watch="cta">
                    <span class="overlay-inspire">Inspire</span>
                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/inspire.png" class="image" />
                     <div class="overlay">
                        <div class="text show-inspire">Student Finance Clubs</div>
                     </div>
                </div>
            </div>  
        </div>  <!-- End hover icons -->
        <div class="row">
            <div id="support-reveal" class="medium-6 columns">
                <p>Help support student development and student exposure to financial services careers, by contributing to the Badgers in Finance Fund.  Invest in other areas of UW by visiting <a href="">supportuw.org</a>.</p>

            </div>
        </div>
        <div class="row">
            <div id="news-reveal" class="medium-6 medium-offset-6 columns">
                <div class="row">
                    <div class="medium-6 columns">
                        <p>Stay up on all things UW with a general overview of what’s happening throughout.</p>
                    </div>
                    <div class="medium-6 columns">
                        <ul>
                        <li>Update Magazine</li>
                        <li>On Wisconsin</li>
                        <li>UW Athletics</li>
                        <li>Campus Happenings</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div id="inspire-reveal" class="medium-6 medium-offset-6 columns">
                <div class="row">
                    <div class="medium-6 columns">
                        <p>Reach out to the following UW student organizations to offer guidance and recruit future leaders..</p>
                    </div>
                    <div class="medium-6 columns">
                        <ul>
                        <li>Graduate Finance Organization</li>
                        <li>Women in Finance and Accounting</li>
                        <li>Finance & Investment Society</li>
                        <li>Capital Management Club</li>
                        <li>Economics Students Association</li>
                        <li>Women in Economics</li>
                        <li>Investment Banking Club</li>
                        <li>Financial Occupations Club for University Students</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div><!-- End Reveal boxes -->

支持
/资产/图像/支持_v2.png“class=”图像“/>
送礼
新闻
/assets/images/news.png“class=”image“/>
华盛顿大学新闻
激发
/assets/images/inspire.png“class=”image“/>
学生金融俱乐部
通过向Badgers in Finance Fund捐款，帮助支持学生发展和学生接触金融服务事业。通过访问，投资于华盛顿大学的其他领域

保持对所有事情的了解，并对整个过程中发生的事情进行总体概述


更新杂志
威斯康星州
UW田径
校园事件

联系以下华盛顿大学学生组织，提供指导并招募未来的领导者


研究生金融组织
金融和会计领域的妇女
金融与投资协会
资本管理俱乐部
经济学学生会
经济学中的女性
投资银行俱乐部
大学生金融职业俱乐部

这里的脚本代码是：

<script>
jQuery(document).ready(function($) {
  $(".show-support").click(function(){
    $("#support-reveal").slideToggle('slow')
  });   
  $(".show-news").click(function(){
    $("#news-reveal").slideToggle('slow')
  });
  $(".show-inspire").click(function(){
    $("#inspire-reveal").slideToggle('slow')
  });
});

</script>

jQuery（文档）.ready（函数（$）{
$（“.show support”）。单击（函数（）{
$（“#支持显示”）.slideToggle（'slow'）
});   
$（“.show news”）。单击（函数（）{
$（“#新闻披露”）.slideToggle（'slow'）
});
$（“.show inspire”）。单击（函数（）{
$（“#激励揭示”）.slideToggle（'slow'）
});
});

为显示div指定相同的类，并使用属性存储要显示的div的部分id，使用

$（此）

可以获得部分id并显示该div。例如，将

数据显示=“支持”

添加到“制作礼物”div中，单击将显示带有

id=“支持显示”

的div

jQuery（文档）.ready（函数（$）{
$（“.show support”）。单击（函数（）{
$（'.reveal'）.hide（）
$（'#'+$（this）.data（'reveal'）+'-reveal'）。slideToggle（'slow'）；
});   
$（“.show news”）。单击（函数（）{
$（'.reveal'）.hide（）
$（'#'+$（this）.data（'reveal'）+'-reveal'）。slideToggle（'slow'）；
});
$（“.show inspire”）。单击（函数（）{
$（'.reveal'）.hide（）
$（'#'+$（this）.data（'reveal'）+'-reveal'）。slideToggle（'slow'）；
});
})；

支持
/资产/图像/支持_v2.png“class=”图像“/>
送礼
新闻
/assets/images/news.png“class=”image“/>
华盛顿大学新闻
激发
/assets/images/inspire.png“class=”image“/>
学生金融俱乐部
通过向Badgers in Finance Fund捐款，帮助学生发展和接触金融服务职业。通过参观UW的其他领域进行投资

保持对所有事情的了解，并对整个过程中发生的事情进行总体概述


更新杂志
威斯康星州
UW田径
校园事件

联系以下华盛顿大学学生组织，提供指导并招募未来的领导者


研究生金融组织
金融和会计领域的妇女
金融与投资协会
资本管理俱乐部
经济学学生会
经济学中的女性
投资银行俱乐部