0

まず、私はブートストラップに非常に慣れていないので、これについては我慢してみてください。私は正しく動作させようとしているブートストラップサイドバーを備えたウェブサイトで作業してきました。私はこれの他の例を見ましたが、私は何をすべきかわかりません。

<i>サイドバーでは、各アイテムの前に要素アイコンを使用しています。この場合はtoggle icon-chevron-rightです。私がやりたいのは、誰かがサイドバーのアイテムをクリックしてサブアイテムを表示すると、アイコンがに変わるように変わることicon-chevron-rightですtoggle icon-chevron-down。

私はそれを機能させるためにいくつかのJavaScriptをいじってみましたが、役に立ちませんでした。どんな洞察も役に立ちます。

4

2 に答える 2

1

右矢印と下矢印の両方が入ったスプライトを使用してから、CSSを使用して背景の位置を調整することで2つを切り替えることができます。

好き：

element {
    background: url(images/whatever.png) no-repeat;
}

 element:active {
    background: url(images/whatever.png) no-repeat 10px 10px;
}

あなたがそれを正しくするまで、その位置で遊んでください

于 2013-02-28T18:00:30.543 に答える
0

<a>クリックすると、アイコンのクラスを変更できます。

$('a').click(function () {
   var icon = $(this).find('i');
   if (icon.hasClass('icon-chevron-down')) {
      icon.removeClass('icon-chevron-down').addClass('icon-chevron-right');
   }
   else {
      icon.removeClass('icon-chevron-right').addClass('icon-chevron-down')
   }
});
于 2013-02-28T18:01:36.513 に答える