更改：在签署时滑入Bootstrap

Question

我从侧边栏中的bootstrap导航栏，我想要更改：登录前点击菜单中的元素。但我有问题......看起来像是：

但我想在点击后将“+”符号更改为“ - ”。看起来应该是这样的：

此菜单有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，这样当您再次点击它时，会添加原始类并删除新类。这段代码的作用是当单击列表中的锚标记时，它会丢失它的collapse类并获得minus类。再次点击它时，它会丢失它的minus类并获得collapse类。如果您已正确设置CSS，这将为您提供所需的效果。

注意我还更改了click处理程序中的选择器，以便不选择每个.collapse li a，因为这会更改所有元素而不仅仅是您想要的元素。