jquery - jquery show / hide要素が同じ開始

Question

30 個の div と 30 個のボタンがあります。各ボタンは、以前に開いた div を隠し、別の div を開きます。例えば：

「divnr4」という div が開かれています。ボタン番号 7 を押すと、divnr4 が消え、divnr7 が表示されます。どうすればこれを行うことができますか？私は次のようなものを使用することを考えています

$('#divnr').hide();
$('#divnr7').show();

しかし、それが機能するかどうか、これを正しく行う方法がわかりません。

助けてください：）

score 5 · Accepted Answer

$("button").on("click", function() {
    $( "div[id^=divnr]" ).hide();
    $( "#divnr" + ( $(this).index() + 1 ) ).show();
});

score 1 · Accepted Answer

一度に開いているdivが1つだけの場合は、コードを呼び出して、選択したdivを表示し、残りを非表示にすることができます。このリンクには、私が何を意味するかを示す実用的な例があります。

2 に答える 2