これを理解するのに苦労しています。ページの上部に3つのタブがあります。ページの読み込み時に、それらは非表示になります。各タブにはコンテンツが含まれています。タブ1をクリックしてタブ1のコンテンツを表示したいのですが、タブ2をクリックすると、タブ2のコンテンツなどを表示したいのですが、それぞれのタブをもう一度クリックして、関連付けられたコンテンツを非表示にできるようにしたいのです。
つまり、私の希望する効果は、タブ1をクリックし、タブ1のコンテンツを表示し、タブ2をクリックし、タブ2のコンテンツを表示し、タブ2をもう一度クリックし、タブ2のコンテンツを非表示にすることです。現在使用しているコードを含めました。これにより、タブが正しく非表示になり、正しく展開されますが、アンカー要素をクリックした場合に各タブが希望どおりに切り替わることはありません。どんな助けでも大歓迎です。
$('.tabs').hide();
$('ul.tabs li a').click(function () {
$('.content').show();
});