单击时附加样式，然后在第二次单击时附加另一个样式

Question

这是我的代码：

http://jsfiddle.net/adige72/BbSd7/

当我点击时，假设“显示div 1”，它会删除它的虚线边框底部，但是一旦再次点击，边框就不会返回，而我想要它会返回。

Answer 1

使用toggleClass应该做的伎俩。你正在做一个可能不需要的每个（）。只需挂钩需要点击的元素即可。不需要遍历每个父李等。

请参阅此处的第一个示例：http://api.jquery.com/toggleClass/

Answer 2

我建议您使用类来管理它，因为它更清洁：

$('#element').click(function() {
  if ($(this).hasClass('class1')) {
    $(this).addClass('class2');
  }
}

对于样式，它是相似的。一个例子：

$('#element').click(function() {
  if ($(this).css('background-color')=='red') {
    $(this).css('color', 'white');
  }
}