1

ナビゲーションリストに右矢印ポインターを表示することができました。これらのナビゲーションリンクをクリックすると、サブナビゲーションリストが開きます。訪問時に矢印を下向きの矢印に変更したいのですが、成功していません。これは、これまでのところ右矢印を表示するための私のコードです。onclick を変更する方法についてのアイデアはありますか?

.sidebar-category li > a:before {
    color: #888;
    content: '► ';
}

.sidebar-category li > a:hover:before {
    color: #444;
    content: '► ';
}

.sidebar-category li > a:only-child:before {
    content: '';
}
4

2 に答える 2

1

JQ

$('.sidebar-category li').click(function(){
 $(this).toggleClass('clicked')
})

CSS

.sidebar-category li.clicked > a:before {content: '▼ ';}
于 2013-08-13T11:55:53.843 に答える
1

あなたの説明に基づいて知るのは難しいですが、私は以下を追加します：

.sidebar-category li > a:focus:before {
    color: #444;
    content: '▼ ';
}

これは役立つかもしれません... これは、クリックした場合にのみ有効です。jQuery がなければ、これを解決するのは困難です。

ユーザーが呼び出された「開く」をクリックし、代わりに次のcssを使用したときに、jQueryを使用してクラスを追加します。

.sidebar-category li > a.open:before {
    color: #444;
    content: '▼ ';
    }

jQuery は次のようになります。

$('.sidebar-category li > a').click(function() {
    this.toggleClass('open');
});

お役に立てれば。:)

于 2013-08-13T11:59:57.577 に答える