同じdivで2つの要素を表示/非表示にする

これを達成するための最も一般的な方法

純粋なJavaScriptではなくjQueryを使用する必要があります。次の手順を実行します：

1. hiddenというクラスを作成し、その中にスタイル値display：noneを追加します。
2. 要素でtoggleClassまたはaddClass / removeClassを使用して、可視性を変更します。

jQueryのコード例は次のとおりです。

$(function(){
    $('#labor').click(function(){
        $('div[name=test1]').addClass('hidden');
        $('div[name=test2]').removeClass('hidden');
    });

    $('#odc').click(function(){
        $('div[name=test1]').removeClass('hidden');
        $('div[name=test2]').addClass('hidden');
    });
});

そして、ここにデモンストレーションがあります（私はあなたのコードのほとんどを使おうとしたので、いくつかの欠落した画像があります）：

• JsFiddleデモ

JavaScriptコードを高速化する方法

ページ内の要素を非表示にするためのクラス（たとえば、「hidden」）を作成し、ページ全体でこのような目的に使用することをお勧めします。特定のCSSスタイルの値を切り替えると効率が低下するため、ほとんどの場合、代わりにクラスを切り替えることをお勧めします。

これは、JavaScriptの最適化に関するGoogleフォントエンドエンジニアのNicholas Zakasによる非常に啓発的な講義です（これにより、JScriptのいくつかのことに目を向けることができました）。

• JavaScriptをスピードアップ（YouTubeビデオ）

jQueryを実装する方法

この（および他の無数の）jQueryメソッドを使用するには、最初にjQueryをアプリケーションにインストールする必要があります。初心者にとって残念なことに、それは少し圧倒的に聞こえるかもしれません。

jQueryをインストールする秘訣。。。

秘訣は、jQueryのインストールには実際にはインストール自体が含まれないことを理解することです。アプリケーションでjQueryを使用できるようにするために必要なことは、jQueryコードファイルを参照することだけです。ヒント： jQueryコードファイルは、jQueryコードをコピーしてテキストファイルに貼り付け、そのファイル拡張子をに変更することで簡単に作成できます.js。次に、jQueryコードを参照するには、ヘッダーに参照リンクを配置するだけです。これが私自身のウェブサイトヘッダーの1つの例です：

それが何を意味するのか。。。

ここでは、3つの異なるJavaScriptコードファイルへの参照が表示されます。1つ目は、VisualStudio開発者環境にインテリセンスを提供するファイルです。2番目は私のjQueryコードファイルを参照します（これは必要なものですが、もちろんファイルの実際のアドレスを変更する必要があります）。3つ目は、jQueryUIコードファイルへの参照です。

コードファイルの入手先。。。

最新のjQueryコードファイルは、jQueryホームページからダウンロードするか、Googleのコーディングライブラリの1つを使用して参照できます。これらのソースコードの多くは、簡単にアクセスできるようにオンラインでホストされています。これらのホストされたコードファイルのディレクトリは、Google Hosted Libraries-DeveloperGuideにあります。

上記の手順を説明するビデオチュートリアル。。。

私は実際にそれを見たことがありませんが、それは明らかに多くの新進のウェブデザイナーがこの概念を理解するのを助けました：

• jQueryの基本-jQueryの実装（YouTubeビデオ）

「.min」はどういう意味ですか？

これらのファイルの中には、名前に.minが含まれているものがあることに気付くかもしれません。これはすべて、ファイルが「縮小」されたことを示しています。これは、コードが可能な限り小さくなるように屈折されているが、ほとんどの場合、人間には読めないことを意味します。ダウンロードしたjQueryファイルでこれが頻繁に行われることがわかります。通常、通常のバージョン（表示を楽しむため）と縮小バージョンが1つ付属しており、より実用的です。