0

別の div コンテナー内のリンクを作成して、まったく別の div コンテナー内のパネルを開こうとしています (2 番目の div コンテナー リンクをクリックすると、パネルも開き、リンク自体がアクティブな状態になります)。最初の div コンテナーのリンクをクリックすると、2 番目の div コンテナーからパネルが開きますが、最初の div コンテナー リンクが 2 番目の div コンテナーでアクティブな状態をアクティブにするのに苦労しています。

デモを見る場合は、{Ñا} メンバー タブをクリックするだけです。他の 2 つは非アクティブな atm です...そのタブをクリックすると、パネルが開きます (ただし、私が話しているものではありません)。 、 今; そのパネルが開いています。一番下の div コンテナの左側にある情報タイトル「Official Roster」を見てください。そこには「rank」というリンクがあります。その特定のリンクをクリックすると、 OF パネルは本来のように開きますが、アクティブな状態では 1 つだけが選択されるのではなく、すべてが選択されます。

デモ: http://jsfiddle.net/Djdzw/2/

必要なのは純粋なjavascriptだと思いますが、cssでもかまいません。私が持っているコードを以下に提供しますが、必要なすべてのコードを投稿するのは単純に多すぎるため、javascript のみを提供します。上記のデモを簡単に見ることができれば、目に優しいかもしれません。

/* ===== The section below is what needs to be edited ===== */
$('.info_box p a').click(function () {
    var a = $('#profile_list a');
    $('#profile_list a').removeClass('active');
    $('#profile_list a').addClass('active');
});
4

1 に答える 1

1

正しく理解しているかどうかはわかりませんが、#profile_list をクリックしたときにアクティブなボタンについては、書き込む必要があるだけです

$('#profile_list a').click(function () {
var a = $(this);
$('#profile_list a').removeClass('active');
$(this).addClass('active');

});

そして第二弾はこちら

$('.info_box p a').click(function () {
var a = $(this).attr("href")
$('#profile_list a').removeClass('active');
$('#profile_list a[href="' + a + '"]' ).addClass('active');

});

于 2013-09-25T14:45:35.427 に答える