jquery - jQuery 显示隐藏 div

Question

我正在尝试组合不同的脚本但没有成功。见下文 1) 2) 和 3)。我结合了 2) 和 3) 见专栏 NEWS。即将到来的列使用 1) 并且有效。我想结合这两个功能。两列都独立工作。

你可以看到我的工作（新网站正在建设中，一些字体会丢失，photoshop 工作还有待完成）：http ://www.brunovansina.be/wais/index2.htm

1）我有不同的div。如果点击一个，其他打开的div关闭，只能打开一个：

$(document).ready(function() {
    $('.show').click(function() {
        if ( !$(this).next('div').is(':visible') ) {
            $(".slidingDiv").slideUp();
            $(this).next('div').slideToggle();
        }
    });

    $('.hide').click(function() {
        $(this).parent().slideUp();
    });
});

2）如果打开了一个 div，我希望能够通过再次单击它来关闭它，这样所有 div 都没有打开。

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

3) 当一个链接被点击时，它会改变颜色，所以你可以看到它是活跃的。再次单击时，div 关闭并且链接返回非活动状态。

$('.show_hide').click(function() {
    $(this).toggleClass('active');
});

感谢您的帮助，布鲁诺。