0

首先，我对 bootstrap 很陌生，所以请尽量忍受这个。我一直在一个网站上工作，该网站有一个引导侧边栏，我正在努力让工作正常。我见过其他例子，但我不知道该怎么做。

在侧边栏上，我<i>在每个项目之前使用了一个元素图标，在这种情况下是toggle icon-chevron-right. 我想要做的是当有人点击侧边栏上的一个项目时，显示子项目，图标将变为切换icon-chevron-right到toggle icon-chevron-down。

我玩过一些 JavaScript 试图让它工作但无济于事。任何见解都会有所帮助。

4

2 回答 2

1

您可以使用带有向右和向下箭头的精灵，然后使用 CSS 通过调整背景位置在两者之间切换。

喜欢：

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 回答