更改 :before sign when slidedown Bootstrap

Question

我在边栏中有来自 bootstrap 的导航栏，我想更改 :before sign on click on element in my menu。但是我有问题...看起来像：

但是我想在点击后把“+”号改成“-”号。它看起来应该是这样的：

这个菜单有2个深度。你可以在 port.cruzzapps.com

上看到它是如何工作的

这是我的 JS，但这段代码无法正常工作：

$(document).ready(function(){
  $(".collapse li a").click(function(event){
       $('.collapse li a').removeClass();
       $(this).addClass('minus');
       event.preventDefault();

  });

});

Answer 1

让我们将您的代码更改为：

$(document).ready(function(){
  $("li a").click(function(event){
       $(this).toggleClass('collapse');
       $(this).toggleClass('minus');
       event.preventDefault();
  });
});

我正在使用 toggleClass，这样当您再次单击它时，原来的 class 会添加回来，新的 class 会被删除。这段代码的作用是，当单击列表中的锚标记时，它会失去 collapse class 并获得 minus class。再次单击时，它将失去 minus class 并获得 collapse class。如果您已正确设置 CSS，这将为您提供所需的效果。

请注意，我还将您的 select 或 click 处理程序内部更改为不 select 每个 .collapse li a 因为这会更改所有元素而不仅仅是一个元素你想要的。

更改 :before sign when slidedown Bootstrap

Changing :before sign when slidedown Bootstrap

javascript

css

menuitem

twitter-bootstrap