jquery - jQuery タブの非表示/表示パネルとタブの背景の変更

Question

私が知っていることはすべて試しました（javascript/jqueryを初めて使用したわけではありません）。

2 つのボタン A と B があります。各ボタンをクリックすると、それぞれの B コンテンツの表示/非表示 (トグル) が切り替わります。一度に 1 つのボタンのみが押された状態になり、そのコンテンツが表示されるため、A をクリックすると B ボタンとそのコンテンツがアクティブな場合、A ボタンは押された状態になり、A のコンテンツが表示され、B ボタンは押されていない状態になり、 B コンテンツが非表示になります。「押された状態」とは、背景色が異なることを意味します。また、Aボタンだけが押されてコンテンツが表示されている場合、もう一度押すと、Aボタンが押されずにコンテンツが非表示になります.Bと同じ.

以下のコードはめちゃくちゃだと思います。本当にすべてを試しましたが、jsとjqueryは私のものではありません..

誰かがこれを機能させる方法を教えてもらえますか? どうもありがとう！..

$(function() {
                $('#login').click(function() {
                    $('.login').slideToggle('slow');
                    $('#login').toggleClass('btn_on');
                    $("#register:visible").toggleClass("btn_off");
                    $('.register:visible').slideToggle('slow');

                    return false;
                });

                $('#register').click(function() {
                    $('.register').slideToggle('slow');
                    $('#register').toggleClass('btn_on');
                    $("#login:visible").toggleClass("btn_off");
                    $('.login:visible').slideToggle('slow');
                    return false;
                });

            });