jquery - jQuery show hide div

Question

さまざまなスクリプトを組み合わせようとしていますが、成功していません。以下の 1) 2) および 3) を参照してください。2) と 3) を組み合わせました。 NEWS コラムを参照してください。列 UPCOMING は 1) を使用して動作します。2つの機能を組み合わせたい。両方の列は独立して動作しています。

私の作品を見ることができます (新しいサイトは建設中です。いくつかのフォントが欠落しています。フォトショップでの作業はまだ行われていません): http://www.brunovansina.be/wais/index2.htm

1) 異なる div があります。1 つがクリックされると、他の開いている div が閉じます。開くことができるのは 1 つだけです。

$(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) 1 つの 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');
});

助けてくれてありがとう、ブルーノ。